/* ---------------------------------------------------------------------------
   Hansell design tokens.

   GENERATED - do not edit by hand.
     Source:    src/Hansell.UI/Resources/Styles/AppTheme.xaml (+ Colors.xaml)
     Regenerate: python3 tools/design/regenerate-tokens.py

   XAML resource key -> kebab-cased custom property, same hex values, so the two can be
   diffed line by line. Every token also has an -rgb twin holding just the channels,
   because Syncfusion's themes are written as rgba(var(--color-sf-x)) and a hex value
   there is invalid CSS that silently drops the whole declaration.
   --------------------------------------------------------------------------- */

:root {
  /* Material 3 scheme - light (AppTheme.xaml) */
  --background: #ffffff;
  --background-rgb: 255, 255, 255;
  --on-background: #000;
  --on-background-rgb: 0, 0, 0;
  --primary: #004187;
  --primary-rgb: 0, 65, 135;
  --on-primary: #ffffff;
  --on-primary-rgb: 255, 255, 255;
  --primary-container: #2e65b6;
  --primary-container-rgb: 46, 101, 182;
  --on-primary-container: #ffffff;
  --on-primary-container-rgb: 255, 255, 255;
  --inverse-primary: #abc7ff;
  --inverse-primary-rgb: 171, 199, 255;
  --secondary: #2b609b;
  --secondary-rgb: 43, 96, 155;
  --on-secondary: #ffffff;
  --on-secondary-rgb: 255, 255, 255;
  --secondary-container: #76a6e6;
  --secondary-container-rgb: 118, 166, 230;
  --on-secondary-container: #001933;
  --on-secondary-container-rgb: 0, 25, 51;
  --tertiary: #865220;
  --tertiary-rgb: 134, 82, 32;
  --on-tertiary: #ffffff;
  --on-tertiary-rgb: 255, 255, 255;
  --tertiary-container: #D9985F;
  --tertiary-container-rgb: 217, 152, 95;
  --on-tertiary-container: #3c1e00;
  --on-tertiary-container-rgb: 60, 30, 0;
  --surface: #f9f9ff;
  --surface-rgb: 249, 249, 255;
  --on-surface: #191c21;
  --on-surface-rgb: 25, 28, 33;
  --surface-tint: #d9d9e1;
  --surface-tint-rgb: 217, 217, 225;
  --surface-variant: #ededf5;
  --surface-variant-rgb: 237, 237, 245;
  --on-surface-variant: #424751;
  --on-surface-variant-rgb: 66, 71, 81;
  --surface-container-high: #e8e8ee;
  --surface-container-high-rgb: 232, 232, 238;
  --inverse-surface: #2e3036;
  --inverse-surface-rgb: 46, 48, 54;
  --inverse-on-surface: #f0f0f8;
  --inverse-on-surface-rgb: 240, 240, 248;
  --error: #ba1a1a;
  --error-rgb: 186, 26, 26;
  --on-error: #ffffff;
  --on-error-rgb: 255, 255, 255;
  --error-container: #ffdad6;
  --error-container-rgb: 255, 218, 214;
  --on-error-container: #410002;
  --on-error-container-rgb: 65, 0, 2;
  --scrim: #000000;
  --scrim-rgb: 0, 0, 0;
  --outline: #737783;
  --outline-rgb: 115, 119, 131;
  --outline-variant: #c2c6d3;
  --outline-variant-rgb: 194, 198, 211;
  --shadow: #000000;
  --shadow-rgb: 0, 0, 0;

  /* Raw palette (Colors.xaml) - semantic accents and the grey ramp */
  --off-black: #1f1f1f;
  --off-black-rgb: 31, 31, 31;
  --green: #2ECC71;
  --green-rgb: 46, 204, 113;
  --yellow: #FFEB3B;
  --yellow-rgb: 255, 235, 59;
  --red: #E63946;
  --red-rgb: 230, 57, 70;
  --warning: #DAA520;
  --warning-rgb: 218, 165, 32;
  --blue-accent: #91B7D9;
  --blue-accent-rgb: 145, 183, 217;
  --gray100: #E1E1E1;
  --gray100-rgb: 225, 225, 225;
  --gray200: #C8C8C8;
  --gray200-rgb: 200, 200, 200;
  --gray300: #ACACAC;
  --gray300-rgb: 172, 172, 172;
  --gray400: #919191;
  --gray400-rgb: 145, 145, 145;
  --gray500: #6E6E6E;
  --gray500-rgb: 110, 110, 110;
  --gray600: #404040;
  --gray600-rgb: 64, 64, 64;
  --gray900: #212121;
  --gray900-rgb: 33, 33, 33;
  --gray950: #141414;
  --gray950-rgb: 20, 20, 20;
}

/* Dark scheme. Applied when the user has explicitly chosen dark, or when they have
   expressed no preference and the OS reports dark. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --background: #000;
    --background-rgb: 0, 0, 0;
    --on-background: #E6E1E5;
    --on-background-rgb: 230, 225, 229;
    --primary: #abc7ff;
    --primary-rgb: 171, 199, 255;
    --on-primary: #002f66;
    --on-primary-rgb: 0, 47, 102;
    --primary-container: #004b9b;
    --primary-container-rgb: 0, 75, 155;
    --on-primary-container: #e3eaff;
    --on-primary-container-rgb: 227, 234, 255;
    --inverse-primary: #245dae;
    --inverse-primary-rgb: 36, 93, 174;
    --secondary: #a3c9ff;
    --secondary-rgb: 163, 201, 255;
    --on-secondary: #000000;
    --on-secondary-rgb: 0, 0, 0;
    --secondary-container: #6393d1;
    --secondary-container-rgb: 99, 147, 209;
    --on-secondary-container: #00315c;
    --on-secondary-container-rgb: 0, 49, 92;
    --tertiary: #ffb97e;
    --tertiary-rgb: 255, 185, 126;
    --on-tertiary: #4c2700;
    --on-tertiary-rgb: 76, 39, 0;
    --tertiary-container: #d19159;
    --tertiary-container-rgb: 209, 145, 89;
    --on-tertiary-container: #210e00;
    --on-tertiary-container-rgb: 33, 14, 0;
    --surface: #111318;
    --surface-rgb: 17, 19, 24;
    --on-surface: #e2e2e9;
    --on-surface-rgb: 226, 226, 233;
    --surface-container-high: #282a2f;
    --surface-container-high-rgb: 40, 42, 47;
    --surface-variant: #37393f;
    --surface-variant-rgb: 55, 57, 63;
    --on-surface-variant: #c2c6d3;
    --on-surface-variant-rgb: 194, 198, 211;
    --surface-tint: #111318;
    --surface-tint-rgb: 17, 19, 24;
    --inverse-surface: #e2e2e9;
    --inverse-surface-rgb: 226, 226, 233;
    --inverse-on-surface: #2e3036;
    --inverse-on-surface-rgb: 46, 48, 54;
    --error: #ffb4ab;
    --error-rgb: 255, 180, 171;
    --on-error: #690005;
    --on-error-rgb: 105, 0, 5;
    --error-container: #93000a;
    --error-container-rgb: 147, 0, 10;
    --on-error-container: #ffdad6;
    --on-error-container-rgb: 255, 218, 214;
    --outline: #8c909d;
    --outline-rgb: 140, 144, 157;
    --outline-variant: #424751;
    --outline-variant-rgb: 66, 71, 81;
    --shadow: #000000;
    --shadow-rgb: 0, 0, 0;
    --scrim: #000000;
    --scrim-rgb: 0, 0, 0;
  }
}

[data-theme="dark"] {
  --background: #000;
  --background-rgb: 0, 0, 0;
  --on-background: #E6E1E5;
  --on-background-rgb: 230, 225, 229;
  --primary: #abc7ff;
  --primary-rgb: 171, 199, 255;
  --on-primary: #002f66;
  --on-primary-rgb: 0, 47, 102;
  --primary-container: #004b9b;
  --primary-container-rgb: 0, 75, 155;
  --on-primary-container: #e3eaff;
  --on-primary-container-rgb: 227, 234, 255;
  --inverse-primary: #245dae;
  --inverse-primary-rgb: 36, 93, 174;
  --secondary: #a3c9ff;
  --secondary-rgb: 163, 201, 255;
  --on-secondary: #000000;
  --on-secondary-rgb: 0, 0, 0;
  --secondary-container: #6393d1;
  --secondary-container-rgb: 99, 147, 209;
  --on-secondary-container: #00315c;
  --on-secondary-container-rgb: 0, 49, 92;
  --tertiary: #ffb97e;
  --tertiary-rgb: 255, 185, 126;
  --on-tertiary: #4c2700;
  --on-tertiary-rgb: 76, 39, 0;
  --tertiary-container: #d19159;
  --tertiary-container-rgb: 209, 145, 89;
  --on-tertiary-container: #210e00;
  --on-tertiary-container-rgb: 33, 14, 0;
  --surface: #111318;
  --surface-rgb: 17, 19, 24;
  --on-surface: #e2e2e9;
  --on-surface-rgb: 226, 226, 233;
  --surface-container-high: #282a2f;
  --surface-container-high-rgb: 40, 42, 47;
  --surface-variant: #37393f;
  --surface-variant-rgb: 55, 57, 63;
  --on-surface-variant: #c2c6d3;
  --on-surface-variant-rgb: 194, 198, 211;
  --surface-tint: #111318;
  --surface-tint-rgb: 17, 19, 24;
  --inverse-surface: #e2e2e9;
  --inverse-surface-rgb: 226, 226, 233;
  --inverse-on-surface: #2e3036;
  --inverse-on-surface-rgb: 46, 48, 54;
  --error: #ffb4ab;
  --error-rgb: 255, 180, 171;
  --on-error: #690005;
  --on-error-rgb: 105, 0, 5;
  --error-container: #93000a;
  --error-container-rgb: 147, 0, 10;
  --on-error-container: #ffdad6;
  --on-error-container-rgb: 255, 218, 214;
  --outline: #8c909d;
  --outline-rgb: 140, 144, 157;
  --outline-variant: #424751;
  --outline-variant-rgb: 66, 71, 81;
  --shadow: #000000;
  --shadow-rgb: 0, 0, 0;
  --scrim: #000000;
  --scrim-rgb: 0, 0, 0;
}