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

:root {
  --md-sys-color-primary: #8b4773;
  --md-sys-color-on-primary: #ffffff;
  --md-sys-color-primary-container: #ffd8ec;
  --md-sys-color-on-primary-container: #6f305a;
  --md-sys-color-inverse-primary: #ffaede;
  --md-sys-color-secondary: #705765;
  --md-sys-color-on-secondary: #ffffff;
  --md-sys-color-secondary-container: #fbd9ea;
  --md-sys-color-on-secondary-container: #57404d;
  --md-sys-color-tertiary: #80543e;
  --md-sys-color-on-tertiary: #ffffff;
  --md-sys-color-tertiary-container: #ffdbcb;
  --md-sys-color-on-tertiary-container: #653d28;
  --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: #fff8f9;
  --md-sys-color-on-background: #1f1a1d;
  --md-sys-color-surface: #fff8f9;
  --md-sys-color-on-surface: #1f1a1d;
  --md-sys-color-surface-variant: #f0dee5;
  --md-sys-color-on-surface-variant: #4f4449;
  --md-sys-color-surface-container-lowest: #ffffff;
  --md-sys-color-surface-container-low: #fcf1f4;
  --md-sys-color-surface-container: #f6ebee;
  --md-sys-color-surface-container-high: #f0e6e8;
  --md-sys-color-surface-container-highest: #eae0e3;
  --md-sys-color-surface-dim: #e2d7da;
  --md-sys-color-surface-bright: #fff8f9;
  --md-sys-color-outline: #81737a;
  --md-sys-color-outline-variant: #d3c2c9;
  --md-sys-color-inverse-surface: #342f31;
  --md-sys-color-inverse-on-surface: #f9eef1;
  --md-sys-color-shadow: #000000;
  --md-sys-color-scrim: #000000;
  --md-sys-color-surface-tint: #8b4773;
}

[data-theme="dark"] {
  --md-sys-color-primary: #ffaede;
  --md-sys-color-on-primary: #541943;
  --md-sys-color-primary-container: #6f305a;
  --md-sys-color-on-primary-container: #ffd8ec;
  --md-sys-color-inverse-primary: #8b4773;
  --md-sys-color-secondary: #debece;
  --md-sys-color-on-secondary: #3f2a36;
  --md-sys-color-secondary-container: #57404d;
  --md-sys-color-on-secondary-container: #fbd9ea;
  --md-sys-color-tertiary: #f4ba9e;
  --md-sys-color-on-tertiary: #4b2714;
  --md-sys-color-tertiary-container: #653d28;
  --md-sys-color-on-tertiary-container: #ffdbcb;
  --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: #171214;
  --md-sys-color-on-background: #eae0e3;
  --md-sys-color-surface: #171214;
  --md-sys-color-on-surface: #eae0e3;
  --md-sys-color-surface-variant: #4f4449;
  --md-sys-color-on-surface-variant: #d3c2c9;
  --md-sys-color-surface-container-lowest: #110d0f;
  --md-sys-color-surface-container-low: #1f1a1d;
  --md-sys-color-surface-container: #231e21;
  --md-sys-color-surface-container-high: #2e292b;
  --md-sys-color-surface-container-highest: #393336;
  --md-sys-color-surface-dim: #171214;
  --md-sys-color-surface-bright: #3d383a;
  --md-sys-color-outline: #9c8d93;
  --md-sys-color-outline-variant: #4f4449;
  --md-sys-color-inverse-surface: #eae0e3;
  --md-sys-color-inverse-on-surface: #342f31;
  --md-sys-color-shadow: #000000;
  --md-sys-color-scrim: #000000;
  --md-sys-color-surface-tint: #ffaede;
}