/* Generated from contracts/design-tokens/lxt.tokens.json. Run npm run tokens:sync; do not edit. */
:root {
  --surface: #FFFBF5;
  --sc-low: #FBF5EC;
  --sc: #F6EEE2;
  --sc-high: #F0E6D8;
  --sc-highest: #E9DDCC;
  --on: #2B211B;
  --on-var: #57493F;
  --on-ter: #6B5C51;
  --outline: #8C7C70;
  --outline-var: #EBDFD0;
  --brand: #C8161E;
  --brand-pressed: #A30F17;
  --brand-text: #C8161E;
  --on-brand: #FFFFFF;
  --brand-container: #FCE7E1;
  --on-brand-container: #8A1016;
  --accent: #7356A8;
  --accent-container: #EFE7F8;
  --on-accent-container: #45336A;
  --success: #1A6E33;
  --warning: #9A5400;
  --error: #B3261E;
  --error-c: #FCE6E1;
  --scrim: #2B211B52;
  --glass-bar: rgba(255, 251, 245, 0.72);
  --glass-sheet: rgba(255, 251, 245, 0.82);
  --paper-wash-first: rgba(252, 231, 225, 0.55);
  --paper-wash-second: rgba(239, 231, 248, 0.55);
  --wing-0: #8799D2;
  --wing-1: #73BBDB;
  --wing-2: #8DCD66;
  --wing-3: #EDE04E;
  --wing-4: #FDA535;
  --wing-5: #FE6828;
  --wing-6: #F35737;
  --rainbow-wing: linear-gradient(90deg, #8799D2, #73BBDB, #8DCD66, #EDE04E, #FDA535, #FE6828, #F35737);
  --wing-alpha: 0.22;
  --r-chip: 10px;
  --r-thumb: 12px;
  --r-card: 16px;
  --r-card-large: 20px;
  --r-feature: 24px;
  --r-sheet: 28px;
  --r-tile: 18px;
  --r-tile-large: 20px;
  --r-full: 999px;
}
:root[data-look-mode="dark"] {
  --surface: #17130F;
  --sc-low: #1F1A15;
  --sc: #241E19;
  --sc-high: #2E2721;
  --sc-highest: #39312A;
  --on: #F3EADF;
  --on-var: #D5C7B8;
  --on-ter: #B0A294;
  --outline: #9A8C7F;
  --outline-var: #3B322B;
  --brand: #C8161E;
  --brand-pressed: #A30F17;
  --brand-text: #FF9A8F;
  --on-brand: #FFFFFF;
  --brand-container: #4A1C18;
  --on-brand-container: #FFDAD4;
  --accent: #CDB6F0;
  --accent-container: #2F2640;
  --on-accent-container: #E9DDFB;
  --success: #74D28F;
  --warning: #F8B866;
  --error: #FFB4AB;
  --error-c: #4A1A15;
  --scrim: #00000080;
  --glass-bar: rgba(23, 19, 15, 0.76);
  --glass-sheet: rgba(23, 19, 15, 0.85);
  --paper-wash-first: rgba(74, 28, 24, 0.35);
  --paper-wash-second: rgba(47, 38, 64, 0.35);
  --wing-alpha: 0.16;
}
.native-mascot-banner[data-mascot="flag"], .dept-flag { --dept-accent: #F35737; --dept-wash: #FDE5DE; --dept-light: #FDE5DE; }
.native-mascot-banner[data-mascot="beret"], .dept-beret { --dept-accent: #FDA535; --dept-wash: #FEEDD8; --dept-light: #FEEDD8; }
.native-mascot-banner[data-mascot="vest"], .dept-vest { --dept-accent: #E2CE2E; --dept-wash: #FAF3CF; --dept-light: #FAF3CF; }
.native-mascot-banner[data-mascot="antenna"], .dept-antenna { --dept-accent: #8DCD66; --dept-wash: #E6F3DC; --dept-light: #E6F3DC; }
.native-mascot-banner[data-mascot="surf"], .dept-surf { --dept-accent: #73BBDB; --dept-wash: #DDEFF7; --dept-light: #DDEFF7; }
.native-mascot-banner[data-mascot="shades"], .dept-shades { --dept-accent: #8799D2; --dept-wash: #E5E8F7; --dept-light: #E5E8F7; }
.native-mascot-banner[data-mascot="neutral"], .dept-none { --dept-accent: #B093CC; --dept-wash: #EFE7F8; --dept-light: #EFE7F8; }
:root[data-look-mode="dark"] .native-mascot-banner[data-mascot="flag"], :root[data-look-mode="dark"] .dept-flag { --dept-accent: #F35737; --dept-wash: #3B211C; --dept-light: #3B211C; }
:root[data-look-mode="dark"] .native-mascot-banner[data-mascot="beret"], :root[data-look-mode="dark"] .dept-beret { --dept-accent: #FDA535; --dept-wash: #3A2B1A; --dept-light: #3A2B1A; }
:root[data-look-mode="dark"] .native-mascot-banner[data-mascot="vest"], :root[data-look-mode="dark"] .dept-vest { --dept-accent: #E2CE2E; --dept-wash: #343019; --dept-light: #343019; }
:root[data-look-mode="dark"] .native-mascot-banner[data-mascot="antenna"], :root[data-look-mode="dark"] .dept-antenna { --dept-accent: #8DCD66; --dept-wash: #22301C; --dept-light: #22301C; }
:root[data-look-mode="dark"] .native-mascot-banner[data-mascot="surf"], :root[data-look-mode="dark"] .dept-surf { --dept-accent: #73BBDB; --dept-wash: #1A2D36; --dept-light: #1A2D36; }
:root[data-look-mode="dark"] .native-mascot-banner[data-mascot="shades"], :root[data-look-mode="dark"] .dept-shades { --dept-accent: #8799D2; --dept-wash: #23283B; --dept-light: #23283B; }
:root[data-look-mode="dark"] .native-mascot-banner[data-mascot="neutral"], :root[data-look-mode="dark"] .dept-none { --dept-accent: #B093CC; --dept-wash: #2F2640; --dept-light: #2F2640; }

:root { --mascot-lavender: #B093CC; --mascot-ink: #8C6262; }