/* AironWorks DS — Color primitives + semantic tokens.
   Dark is the primary theme (:root). Light via [data-theme="light"]. */

:root {
  /* ── Primitives (Dark) ─────────────────────────── */
  /* Purple (brand primary) */
  --purple-10: #200055; --purple-20: #2D0077; --purple-30: #3A0099;
  --purple-40: #4C09BB; --purple-50: #6217DD; --purple-60: #7A29FF;
  --purple-70: #9859FF; --purple-80: #B689FF; --purple-90: #D4B9FF; --purple-100: #F1E9FF;
  /* Pink (brand secondary — never for CTAs) */
  --pink-10: #560029; --pink-20: #78013A; --pink-30: #9A0B4F;
  --pink-40: #BC1867; --pink-50: #DE2980; --pink-60: #FF3E9B;
  --pink-70: #FF69B1; --pink-80: #FF95C8; --pink-90: #FFC0DE; --pink-100: #FFEBF5;
  /* Greyscale */
  --grey-10: #181C23; --grey-20: #232B36; --grey-30: #34343D;
  --grey-40: #484851; --grey-50: #5E5E68; --grey-60: #7B7B86;
  --grey-70: #9B9BA5; --grey-80: #BEBEC7; --grey-90: #E1E1E7; --grey-100: #FDFEFF;
  /* Slate Grey (cool neutrals) */
  --slate-10: #2A343D; --slate-20: #45515D; --slate-30: #5A6877;
  --slate-40: #455467; --slate-50: #556575; --slate-60: #9FB1C3;
  --slate-70: #B9CBDD; --slate-80: #D3E5F6; --slate-90: #E6F0F9; --slate-100: #F9FBFD;
  /* Deep Lavender (dashboard backgrounds) */
  --lavender-10: #121733; --lavender-20: #161A33; --lavender-30: #22294E;
  --lavender-40: #3B4477; --lavender-50: #576199; --lavender-60: #7882BB;
  --lavender-70: #9DA7DD; --lavender-80: #C8D0FF; --lavender-90: #D4DBFF; --lavender-100: #E1E5FF;
  /* Muted Purple (Ongoing) */
  --muted-purple-10: #2E1F40; --muted-purple-20: #3F2A5C; --muted-purple-30: #55397E;
  --muted-purple-40: #6D49A4; --muted-purple-50: #865ACC; --muted-purple-60: #9E74E3;
  --muted-purple-70: #B993F0; --muted-purple-80: #D2B9F7; --muted-purple-90: #ECE0FC; --muted-purple-100: #FAF4FF;
  /* Blue (Neutral status, secondary links) */
  --blue-10: #002055; --blue-20: #002A70; --blue-30: #003A99;
  --blue-40: #094CBB; --blue-50: #1762DD; --blue-60: #297AFF;
  --blue-70: #5998FF; --blue-80: #89B6FF; --blue-90: #B9D4FF; --blue-100: #E9F1FF;
  /* Cyan (Info) */
  --cyan-10: #002D34; --cyan-20: #004E59; --cyan-30: #008599;
  --cyan-40: #09A4BB; --cyan-50: #17C3DD; --cyan-60: #29E3FF;
  --cyan-70: #59E9FF; --cyan-80: #89EFFF; --cyan-90: #B9F6FF; --cyan-100: #E9FCFF;
  /* Green (Success) */
  --green-10: #00390C; --green-20: #00771A; --green-30: #009922;
  --green-40: #09BB30; --green-50: #17DD43; --green-60: #71FD8F;
  --green-70: #87E89C; --green-80: #A0E0AE; --green-90: #CDEED5; --green-100: #E9FFEE;
  /* Yellow (Warning) */
  --yellow-10: #554500; --yellow-20: #6A5500; --yellow-30: #997C00;
  --yellow-40: #A38E35; --yellow-50: #D7B218; --yellow-60: #E4BC14;
  --yellow-70: #FFDF59; --yellow-80: #FFE889; --yellow-90: #FFF1B9; --yellow-100: #FFFBE9;
  /* Orange (Tentative) */
  --orange-10: #552000; --orange-20: #772D00; --orange-30: #993A00;
  --orange-40: #BB4C09; --orange-50: #DD6217; --orange-60: #FF7A29;
  --orange-70: #FF9859; --orange-80: #FFB689; --orange-90: #FFD4B9; --orange-100: #FFF1E9;
  /* Red (Negative) */
  --red-10: #550000; --red-20: #770100; --red-30: #990100;
  --red-40: #D50F0E; --red-50: #F9403F; --red-60: #F45757;
  --red-70: #FF7473; --red-80: #FD9796; --red-90: #FFC2C1; --red-100: #FFE9E9;
  /* Brick Red (Error) */
  --brick-10: #700F17; --brick-20: #8B2931; --brick-30: #C63F4C;
  --brick-40: #DB5864; --brick-50: #DF6974; --brick-60: #ED727D;
  --brick-70: #FA828E; --brick-80: #FF9AA6; --brick-90: #FFC9D0; --brick-100: #FFECEF;
  /* Crimson (Suspended) */
  --crimson-10: #2B0F15; --crimson-20: #3D151D; --crimson-30: #561E28;
  --crimson-40: #702634; --crimson-50: #8C3041; --crimson-60: #A83E52;
  --crimson-70: #C35C6D; --crimson-80: #DA8793; --crimson-90: #F0B8C0; --crimson-100: #FCE7EA;
  /* Special + Opacity */
  --special-0: #000000; --special-999: #FFFFFF;
  --special-white: #FFFFFF; --special-black: #000000; --special-grey: #495560;
  --opacity-purple-10: rgba(122, 41, 255, 0.10);
  --opacity-purple-20: rgba(122, 41, 255, 0.20);
  --opacity-pink-10: rgba(222, 41, 128, 0.10);
  --opacity-pink-20: rgba(222, 41, 128, 0.20);
  --opacity-screen-overlay: rgba(18, 19, 27, 0.80);

  /* ── Semantic: backgrounds ─────────────────────── */
  --bg-primary: var(--grey-10);
  --bg-secondary: var(--grey-20);
  --bg-tertiary: var(--slate-10);
  --bg-disabled: var(--slate-10);
  --bg-overlay: var(--opacity-screen-overlay);
  --bg-elevated: #282D36;
  --bg-field: var(--grey-20);  /* input/select field surface — always #232B36 in dark (Figma legacy: no fill, but generated designs must render it explicitly) */
  --bg-hover: var(--grey-20);  /* table row + dropdown/menu item hover — #232B36, never purple/pink (spec v1.1 §9.4) */
  --bg-inverse-primary: var(--grey-90);
  --bg-inverse-secondary: var(--grey-70);
  --bg-inverse-tertiary: var(--grey-60);
  --bg-dashboard-primary: var(--lavender-10);
  --bg-dashboard-secondary: var(--lavender-20);
  --bg-dashboard-tertiary: var(--lavender-30);

  /* ── Semantic: text ────────────────────────────── */
  --text-primary: var(--grey-100);
  --text-secondary: var(--grey-80);
  --text-tertiary: var(--grey-60);
  --text-disabled: var(--slate-20);
  --text-inverse-primary: var(--grey-10);
  --text-inverse-secondary: var(--grey-30);
  --text-inverse-tertiary: var(--grey-40);
  --text-inverse-disabled: var(--grey-60);
  --link-default: var(--purple-60);
  --link-hovered: var(--purple-80);
  --link-active: var(--purple-70);
  --link-visited: var(--purple-40);
  --link-disabled: var(--slate-40);
  --link-secondary-default: var(--blue-50);
  --link-secondary-hovered: var(--blue-80);
  --link-secondary-active: var(--blue-70);

  /* ── Semantic: icons ───────────────────────────── */
  --icon-primary: var(--grey-100);
  --icon-secondary: var(--grey-80);
  --icon-tertiary: var(--grey-60);
  --icon-disabled: var(--slate-20);
  --icon-on-button: var(--special-white);
  --icon-inverse-primary: var(--grey-10);

  /* ── Semantic: strokes ─────────────────────────── */
  --stroke-subtle: var(--slate-50);
  --stroke-bold: var(--slate-20);
  --stroke-inverse-subtle: var(--slate-20);
  --stroke-dashboard-subtle: var(--lavender-30);
  --stroke-dashboard-bold: var(--lavender-50);

  /* ── Semantic: brand & statuses ────────────────── */
  --brand-strong: var(--purple-60);
  --brand-subtle: var(--purple-10);
  --brand-tint-10: var(--opacity-purple-10);
  --brand-tint-20: var(--opacity-purple-20);
  --brand-secondary-strong: var(--pink-60);
  --brand-secondary-subtle: var(--pink-10);
  --status-success-strong: var(--green-60);
  --status-success-subtle: var(--green-10);
  --status-success-content: var(--green-60);
  --status-warning-strong: var(--yellow-60);
  --status-warning-subtle: var(--yellow-20);
  --status-warning-content: var(--yellow-60);
  --status-error-strong: var(--brick-50);
  --status-error-subtle: var(--brick-10);
  --status-error-content: var(--brick-60);
  --status-negative-strong: var(--red-50);
  --status-negative-subtle: var(--red-20);
  --status-negative-content: var(--red-60);
  --status-info-strong: var(--cyan-50);
  --status-info-subtle: var(--cyan-10);
  --status-info-content: var(--cyan-40);
  --status-tentative-strong: var(--orange-50);
  --status-tentative-subtle: var(--orange-10);
  --status-tentative-content: var(--orange-60);
  --status-neutral-strong: var(--blue-50);
  --status-neutral-subtle: var(--blue-10);
  --status-neutral-content: var(--blue-60);
  --status-inactive-strong: var(--grey-60);
  --status-inactive-subtle: var(--grey-10);
  --status-inactive-content: var(--grey-60);
  --status-suspended-strong: var(--crimson-50);
  --status-suspended-subtle: var(--crimson-10);
  --status-suspended-content: var(--crimson-60);
  --status-ongoing-strong: var(--muted-purple-50);
  --status-ongoing-subtle: var(--muted-purple-10);
  --status-ongoing-content: var(--muted-purple-60);

  /* ── Chart series (recommended order) ──────────── */
  --chart-1-purple: var(--purple-60);
  --chart-2-pink: var(--pink-50);
  --chart-3-blue: var(--blue-50);
  --chart-4-cyan: var(--cyan-30);
  --chart-5-green: var(--green-20);
  --chart-6-yellow: var(--yellow-30);
  --chart-7-orange: var(--orange-60);
  --chart-8-brown: var(--orange-20);
  --chart-9-red: var(--red-50);
  --chart-10-grey: var(--slate-20);

  color-scheme: dark;
}

/* ── Light theme ──────────────────────────────────── */
[data-theme="light"] {
  --purple-10: #F1E9FF; --purple-20: #D4B9FF; --purple-30: #B689FF;
  --purple-40: #9859FF; --purple-50: #7A29FF; --purple-60: #6217DD;
  --purple-70: #4C09BB; --purple-80: #3A0099; --purple-90: #2D0077; --purple-100: #200055;
  --pink-10: #FFEBF5; --pink-20: #FFC0DE; --pink-30: #FF95C8;
  --pink-40: #FF69B1; --pink-50: #FF3E9B; --pink-60: #DE2980;
  --pink-70: #BC1867; --pink-80: #9A0B4F; --pink-90: #78013A; --pink-100: #560029;
  --grey-10: #FDFEFF; --grey-20: #F6F6FA; --grey-30: #DBDBE5;
  --grey-40: #9B9BA5; --grey-50: #7B7B86; --grey-60: #A5A5A6;
  --grey-70: #484851; --grey-80: #34343D; --grey-90: #282F38; --grey-100: #181C23;
  --slate-10: #D7E0EA; --slate-20: #B6C9DB; --slate-30: #C2CFDB;
  --slate-40: #A0B0BF; --slate-50: #92A2B2; --slate-60: #8494A6;
  --slate-70: #6D7D8C; --slate-80: #576473; --slate-90: #424E59; --slate-100: #303B45;
  --lavender-10: #FAFBFF; --lavender-20: #EFF2FF; --lavender-30: #E2E4F0;
  --lavender-40: #97A1D4; --lavender-50: #7882BB; --lavender-60: #576199;
  --lavender-70: #3B4477; --lavender-80: #242C55; --lavender-90: #161A33; --lavender-100: #121733;
  --muted-purple-10: #FAF4FF; --muted-purple-20: #ECE0FC; --muted-purple-30: #D2B9F7;
  --muted-purple-40: #B993F0; --muted-purple-50: #9E74E3; --muted-purple-60: #865ACC;
  --muted-purple-70: #6D49A4; --muted-purple-80: #55397E; --muted-purple-90: #3F2A5C; --muted-purple-100: #2E1F40;
  --blue-10: #E9F1FF; --blue-20: #B9D4FF; --blue-30: #89B6FF;
  --blue-40: #5998FF; --blue-50: #297AFF; --blue-60: #1762DD;
  --blue-70: #094CBB; --blue-80: #003A99; --blue-90: #002D77; --blue-100: #00235D;
  --cyan-10: #EFFDFF; --cyan-20: #E7FCFF; --cyan-30: #89EFFF;
  --cyan-40: #59E9FF; --cyan-50: #29E3FF; --cyan-60: #17C3DD;
  --cyan-70: #09A4BB; --cyan-80: #008599; --cyan-90: #006777; --cyan-100: #004A55;
  --green-10: #DEFFE6; --green-20: #B9FFC9; --green-30: #7CDE92;
  --green-40: #59FF7D; --green-50: #079125; --green-60: #08A22A;
  --green-70: #319447; --green-80: #217A34; --green-90: #0D6620; --green-100: #024611;
  --yellow-10: #FFFBE9; --yellow-20: #FFF1B9; --yellow-30: #FFE889;
  --yellow-40: #FFDF59; --yellow-50: #FFD629; --yellow-60: #D7B218;
  --yellow-70: #A38E35; --yellow-80: #997C00; --yellow-90: #776000; --yellow-100: #554500;
  --orange-10: #FFF1E9; --orange-20: #FFD4B9; --orange-30: #FFB689;
  --orange-40: #FF9859; --orange-50: #FF7A29; --orange-60: #DD6217;
  --orange-70: #BB4C09; --orange-80: #993A00; --orange-90: #772D00; --orange-100: #552000;
  --red-10: #FEE0E0; --red-20: #FFBAB9; --red-30: #FF9A99;
  --red-40: #FB7675; --red-50: #F45757; --red-60: #F9403F;
  --red-70: #D51312; --red-80: #AD1211; --red-90: #840302; --red-100: #550000;
  --brick-10: #FAD2D8; --brick-20: #FAC0C7; --brick-30: #FF9AA6;
  --brick-40: #FA828E; --brick-50: #ED727D; --brick-60: #DF6974;
  --brick-70: #CD5C67; --brick-80: #C63F4C; --brick-90: #A02C36; --brick-100: #700F17;
  --crimson-10: #FCE7EA; --crimson-20: #F0B8C0; --crimson-30: #DA8793;
  --crimson-40: #C35C6D; --crimson-50: #A83E52; --crimson-60: #8C3041;
  --crimson-70: #702634; --crimson-80: #561E28; --crimson-90: #3D151D; --crimson-100: #2B0F15;
  --special-0: #FFFFFF; --special-999: #000000;
  --opacity-purple-10: rgba(98, 23, 221, 0.10);
  --opacity-purple-20: rgba(98, 23, 221, 0.20);
  --opacity-pink-10: rgba(255, 62, 155, 0.10);
  --opacity-pink-20: rgba(255, 62, 155, 0.20);
  --opacity-screen-overlay: rgba(73, 85, 96, 0.20);

  --bg-elevated: #282D36;
  --bg-field: var(--grey-20);
  --bg-hover: var(--grey-20);
  color-scheme: light;
}