/* Generated by @awc-ui/theme; neutral surfaces are customized in styles.css. */
/*!
 * AWC UI — Material Design 3 theme
 * Generated: 2026-09-07T02:24:01.725Z
 * Source colors:
   primary:   #DF3D40
   secondary:
   tertiary:
 *
 * Drop this file after @awc-ui/tokens to override the default theme.
 * Toggle dark mode by setting [data-theme="dark"][data-accent="red"] on <html> or any ancestor.
 */

:root[data-accent="red"] {
  --md-sys-color-primary: #B81F28;
  --md-sys-color-on-primary: #FFFFFF;
  --md-sys-color-primary-container: #FFDAD7;
  --md-sys-color-on-primary-container: #930016;
  --md-sys-color-inverse-primary: #FFB3AE;
  --md-sys-color-secondary: #775654;
  --md-sys-color-on-secondary: #FFFFFF;
  --md-sys-color-secondary-container: #FFDAD7;
  --md-sys-color-on-secondary-container: #5D3F3D;
  --md-sys-color-tertiary: #735B2E;
  --md-sys-color-on-tertiary: #FFFFFF;
  --md-sys-color-tertiary-container: #FFDEA7;
  --md-sys-color-on-tertiary-container: #594319;
  --md-sys-color-error: #BA1A1A;
  --md-sys-color-on-error: #FFFFFF;
  --md-sys-color-error-container: #FFDAD6;
  --md-sys-color-on-error-container: #93000A;
  --md-sys-color-background: #FFF8F7;
  --md-sys-color-on-background: #201A1A;
  --md-sys-color-surface: #FFF8F7;
  --md-sys-color-on-surface: #201A1A;
  --md-sys-color-surface-variant: #F4DDDB;
  --md-sys-color-on-surface-variant: #534342;
  --md-sys-color-surface-container-lowest: #FFFFFF;
  --md-sys-color-surface-container-low: #FEF1EF;
  --md-sys-color-surface-container: #F8EBEA;
  --md-sys-color-surface-container-high: #F2E5E4;
  --md-sys-color-surface-container-highest: #EDE0DE;
  --md-sys-color-surface-dim: #E4D7D6;
  --md-sys-color-surface-bright: #FFF8F7;
  --md-sys-color-outline: #857371;
  --md-sys-color-outline-variant: #D8C2C0;
  --md-sys-color-inverse-surface: #362F2E;
  --md-sys-color-inverse-on-surface: #FBEEEC;
  --md-sys-color-shadow: #000000;
  --md-sys-color-scrim: #000000;
  --md-sys-color-surface-tint: #B81F28;
}

[data-theme="dark"][data-accent="red"] {
  --md-sys-color-primary: #FFB3AE;
  --md-sys-color-on-primary: #68000C;
  --md-sys-color-primary-container: #930016;
  --md-sys-color-on-primary-container: #FFDAD7;
  --md-sys-color-inverse-primary: #B81F28;
  --md-sys-color-secondary: #E7BDB9;
  --md-sys-color-on-secondary: #442928;
  --md-sys-color-secondary-container: #5D3F3D;
  --md-sys-color-on-secondary-container: #FFDAD7;
  --md-sys-color-tertiary: #E2C28C;
  --md-sys-color-on-tertiary: #402D05;
  --md-sys-color-tertiary-container: #594319;
  --md-sys-color-on-tertiary-container: #FFDEA7;
  --md-sys-color-error: #FFB4AB;
  --md-sys-color-on-error: #690005;
  --md-sys-color-error-container: #93000A;
  --md-sys-color-on-error-container: #FFDAD6;
  --md-sys-color-background: #181211;
  --md-sys-color-on-background: #EDE0DE;
  --md-sys-color-surface: #181211;
  --md-sys-color-on-surface: #EDE0DE;
  --md-sys-color-surface-variant: #534342;
  --md-sys-color-on-surface-variant: #D8C2C0;
  --md-sys-color-surface-container-lowest: #120D0C;
  --md-sys-color-surface-container-low: #201A1A;
  --md-sys-color-surface-container: #251E1E;
  --md-sys-color-surface-container-high: #2F2828;
  --md-sys-color-surface-container-highest: #3A3332;
  --md-sys-color-surface-dim: #181211;
  --md-sys-color-surface-bright: #3F3737;
  --md-sys-color-outline: #A08C8B;
  --md-sys-color-outline-variant: #534342;
  --md-sys-color-inverse-surface: #EDE0DE;
  --md-sys-color-inverse-on-surface: #362F2E;
  --md-sys-color-shadow: #000000;
  --md-sys-color-scrim: #000000;
  --md-sys-color-surface-tint: #FFB3AE;
}

/*!
 * AWC UI — Material Design 3 theme
 * Generated: 2026-09-07T02:24:01.728Z
 * Source colors:
   primary:   #8A5CFF
   secondary:
   tertiary:
 *
 * Drop this file after @awc-ui/tokens to override the default theme.
 * Toggle dark mode by setting [data-theme="dark"][data-accent="violet"] on <html> or any ancestor.
 */

:root[data-accent="violet"] {
  --md-sys-color-primary: #6B38DF;
  --md-sys-color-on-primary: #FFFFFF;
  --md-sys-color-primary-container: #E8DDFF;
  --md-sys-color-on-primary-container: #530EC6;
  --md-sys-color-inverse-primary: #CFBDFF;
  --md-sys-color-secondary: #625B71;
  --md-sys-color-on-secondary: #FFFFFF;
  --md-sys-color-secondary-container: #E8DEF8;
  --md-sys-color-on-secondary-container: #494458;
  --md-sys-color-tertiary: #7D5260;
  --md-sys-color-on-tertiary: #FFFFFF;
  --md-sys-color-tertiary-container: #FFD9E3;
  --md-sys-color-on-tertiary-container: #633B49;
  --md-sys-color-error: #BA1A1A;
  --md-sys-color-on-error: #FFFFFF;
  --md-sys-color-error-container: #FFDAD6;
  --md-sys-color-on-error-container: #93000A;
  --md-sys-color-background: #FDF8FD;
  --md-sys-color-on-background: #1C1B1E;
  --md-sys-color-surface: #FDF8FD;
  --md-sys-color-on-surface: #1C1B1E;
  --md-sys-color-surface-variant: #E7E0EC;
  --md-sys-color-on-surface-variant: #49454E;
  --md-sys-color-surface-container-lowest: #FFFFFF;
  --md-sys-color-surface-container-low: #F7F2F7;
  --md-sys-color-surface-container: #F1ECF1;
  --md-sys-color-surface-container-high: #ECE7EB;
  --md-sys-color-surface-container-highest: #E6E1E6;
  --md-sys-color-surface-dim: #DDD8DD;
  --md-sys-color-surface-bright: #FDF8FD;
  --md-sys-color-outline: #7A757F;
  --md-sys-color-outline-variant: #CAC4CF;
  --md-sys-color-inverse-surface: #313033;
  --md-sys-color-inverse-on-surface: #F4EFF4;
  --md-sys-color-shadow: #000000;
  --md-sys-color-scrim: #000000;
  --md-sys-color-surface-tint: #6B38DF;
}

[data-theme="dark"][data-accent="violet"] {
  --md-sys-color-primary: #CFBDFF;
  --md-sys-color-on-primary: #390093;
  --md-sys-color-primary-container: #530EC6;
  --md-sys-color-on-primary-container: #E8DDFF;
  --md-sys-color-inverse-primary: #6B38DF;
  --md-sys-color-secondary: #CBC2DC;
  --md-sys-color-on-secondary: #332D41;
  --md-sys-color-secondary-container: #494458;
  --md-sys-color-on-secondary-container: #E8DEF8;
  --md-sys-color-tertiary: #EFB8C8;
  --md-sys-color-on-tertiary: #492532;
  --md-sys-color-tertiary-container: #633B49;
  --md-sys-color-on-tertiary-container: #FFD9E3;
  --md-sys-color-error: #FFB4AB;
  --md-sys-color-on-error: #690005;
  --md-sys-color-error-container: #93000A;
  --md-sys-color-on-error-container: #FFDAD6;
  --md-sys-color-background: #141316;
  --md-sys-color-on-background: #E6E1E6;
  --md-sys-color-surface: #141316;
  --md-sys-color-on-surface: #E6E1E6;
  --md-sys-color-surface-variant: #49454E;
  --md-sys-color-on-surface-variant: #CAC4CF;
  --md-sys-color-surface-container-lowest: #0F0E11;
  --md-sys-color-surface-container-low: #1C1B1E;
  --md-sys-color-surface-container: #201F22;
  --md-sys-color-surface-container-high: #2B292D;
  --md-sys-color-surface-container-highest: #363438;
  --md-sys-color-surface-dim: #141316;
  --md-sys-color-surface-bright: #3A383C;
  --md-sys-color-outline: #948F99;
  --md-sys-color-outline-variant: #49454E;
  --md-sys-color-inverse-surface: #E6E1E6;
  --md-sys-color-inverse-on-surface: #313033;
  --md-sys-color-shadow: #000000;
  --md-sys-color-scrim: #000000;
  --md-sys-color-surface-tint: #CFBDFF;
}

/*!
 * AWC UI — Material Design 3 theme
 * Generated: 2026-09-07T02:24:01.729Z
 * Source colors:
   primary:   #166BD9
   secondary:
   tertiary:
 *
 * Drop this file after @awc-ui/tokens to override the default theme.
 * Toggle dark mode by setting [data-theme="dark"][data-accent="blue"] on <html> or any ancestor.
 */

:root[data-accent="blue"] {
  --md-sys-color-primary: #005BC0;
  --md-sys-color-on-primary: #FFFFFF;
  --md-sys-color-primary-container: #D8E2FF;
  --md-sys-color-on-primary-container: #004493;
  --md-sys-color-inverse-primary: #ADC7FF;
  --md-sys-color-secondary: #565E71;
  --md-sys-color-on-secondary: #FFFFFF;
  --md-sys-color-secondary-container: #DBE2F9;
  --md-sys-color-on-secondary-container: #3F4759;
  --md-sys-color-tertiary: #715574;
  --md-sys-color-on-tertiary: #FFFFFF;
  --md-sys-color-tertiary-container: #FBD7FC;
  --md-sys-color-on-tertiary-container: #583E5B;
  --md-sys-color-error: #BA1A1A;
  --md-sys-color-on-error: #FFFFFF;
  --md-sys-color-error-container: #FFDAD6;
  --md-sys-color-on-error-container: #93000A;
  --md-sys-color-background: #FAF9FD;
  --md-sys-color-on-background: #1B1B1F;
  --md-sys-color-surface: #FAF9FD;
  --md-sys-color-on-surface: #1B1B1F;
  --md-sys-color-surface-variant: #E1E2EC;
  --md-sys-color-on-surface-variant: #44474F;
  --md-sys-color-surface-container-lowest: #FFFFFF;
  --md-sys-color-surface-container-low: #F5F3F7;
  --md-sys-color-surface-container: #EFEDF1;
  --md-sys-color-surface-container-high: #E9E7EC;
  --md-sys-color-surface-container-highest: #E3E2E6;
  --md-sys-color-surface-dim: #DBD9DD;
  --md-sys-color-surface-bright: #FAF9FD;
  --md-sys-color-outline: #74777F;
  --md-sys-color-outline-variant: #C4C6D0;
  --md-sys-color-inverse-surface: #303033;
  --md-sys-color-inverse-on-surface: #F2F0F4;
  --md-sys-color-shadow: #000000;
  --md-sys-color-scrim: #000000;
  --md-sys-color-surface-tint: #005BC0;
}

[data-theme="dark"][data-accent="blue"] {
  --md-sys-color-primary: #ADC7FF;
  --md-sys-color-on-primary: #002E68;
  --md-sys-color-primary-container: #004493;
  --md-sys-color-on-primary-container: #D8E2FF;
  --md-sys-color-inverse-primary: #005BC0;
  --md-sys-color-secondary: #BEC6DC;
  --md-sys-color-on-secondary: #283041;
  --md-sys-color-secondary-container: #3F4759;
  --md-sys-color-on-secondary-container: #DBE2F9;
  --md-sys-color-tertiary: #DEBCDF;
  --md-sys-color-on-tertiary: #402843;
  --md-sys-color-tertiary-container: #583E5B;
  --md-sys-color-on-tertiary-container: #FBD7FC;
  --md-sys-color-error: #FFB4AB;
  --md-sys-color-on-error: #690005;
  --md-sys-color-error-container: #93000A;
  --md-sys-color-on-error-container: #FFDAD6;
  --md-sys-color-background: #121316;
  --md-sys-color-on-background: #E3E2E6;
  --md-sys-color-surface: #121316;
  --md-sys-color-on-surface: #E3E2E6;
  --md-sys-color-surface-variant: #44474F;
  --md-sys-color-on-surface-variant: #C4C6D0;
  --md-sys-color-surface-container-lowest: #0D0E11;
  --md-sys-color-surface-container-low: #1B1B1F;
  --md-sys-color-surface-container: #1F1F23;
  --md-sys-color-surface-container-high: #292A2D;
  --md-sys-color-surface-container-highest: #343538;
  --md-sys-color-surface-dim: #121316;
  --md-sys-color-surface-bright: #38393C;
  --md-sys-color-outline: #8E9099;
  --md-sys-color-outline-variant: #44474F;
  --md-sys-color-inverse-surface: #E3E2E6;
  --md-sys-color-inverse-on-surface: #303033;
  --md-sys-color-shadow: #000000;
  --md-sys-color-scrim: #000000;
  --md-sys-color-surface-tint: #ADC7FF;
}