/* GENERATED by tools/build_tokens_css.py from v2/design/tokens.json - do not edit. */

:root {
  --shot: #1B2330;
  --shotHead: #2A3546;
  --shotBar: #243042;
  --shotText: #E9EEF4;
  --swatch-amber: linear-gradient(135deg, #F2B84B 0 55%, #0F151E 55% 100%);
  --swatch-ink: linear-gradient(135deg, #FFE14D 0 55%, #111111 55% 100%);
  --swatch-lime: linear-gradient(135deg, #C8F23A 0 55%, #12161A 55% 100%);
}

[data-mode="dark"] {
  color-scheme: dark;
  --upFg: #A9CBFF;
  --okBg: rgba(110,168,255,.16);
  --okFg: #A9CBFF;
  --okSolid: #A9CBFF;
  --okInk: #06203F;
  --warnBg: rgba(255,170,77,.16);
  --warnFg: #FFC27F;
  --warnSolid: #FFC27F;
  --warnInk: #3D1E00;
  --warnBd: rgba(255,170,77,.5);
  --skipBg: rgba(160,170,185,.14);
  --skipFg: #B8C1CD;
  --shadow: 0 30px 60px rgba(0,0,0,.55);
  --skel: rgba(160,175,195,.10);
  --scrim: rgba(5,7,10,.72);
  --badBg: rgba(255,92,92,.18);
  --badFg: #FF8A8A;
  --badBd: rgba(255,92,92,.5);
}

[data-mode="light"] {
  color-scheme: light;
  --upFg: #0B4A8F;
  --okBg: #DCEBFF;
  --okFg: #0B4A8F;
  --okSolid: #A9CBFF;
  --okInk: #06203F;
  --warnBg: #FFE6C7;
  --warnFg: #7A3D00;
  --warnSolid: #FFC27F;
  --warnInk: #3D1E00;
  --warnBd: #E9A866;
  --skipBg: #E6E9EE;
  --skipFg: #4B5563;
  --shadow: 0 24px 50px rgba(15,22,33,.18);
  --skel: rgba(20,30,45,.07);
  --scrim: rgba(235,238,242,.78);
  --badBg: #FDDCDC;
  --badFg: #C62828;
  --badBd: #E39A9A;
}

[data-scheme="amber"][data-mode="dark"] {
  --bg: #070A0F;
  --bar: #0B1017;
  --hero: radial-gradient(120% 140% at 0% 0%, #17202C 0%, #0D131B 55%, #0B1017 100%);
  --panel: #0F151E;
  --panel2: #151D28;
  --stage: radial-gradient(80% 70% at 50% 40%, #121A25 0%, #080B10 100%);
  --line: rgba(140,170,200,.16);
  --grid: rgba(140,170,200,.12);
  --track: rgba(140,170,200,.14);
  --tick: rgba(242,184,75,.35);
  --text: #E9EEF4;
  --muted: #909EAF;
  --accent: #F2B84B;
  --accentInk: #1A1203;
  --accentText: #F6CA77;
  --accentSoft: rgba(242,184,75,.15);
  --accentDim: rgba(242,184,75,.45);
  --ranks1: #FBE3B0;
  --ranks2: #F2B84B;
  --ranks3: #C38C2E;
  --ranks4: #8F6520;
  --ranks5: #5E4216;
  --navBg: rgba(17,24,34,.92);
}

[data-scheme="amber"][data-mode="light"] {
  --bg: #E8ECF1;
  --bar: #F5F7FA;
  --hero: linear-gradient(135deg, #FFFFFF 0%, #F3F5F8 100%);
  --panel: #FFFFFF;
  --panel2: #F3F5F8;
  --stage: radial-gradient(80% 70% at 50% 40%, #FFFFFF 0%, #E3E8EE 100%);
  --line: #D3DAE3;
  --grid: #E3E8EE;
  --track: #E3E8EE;
  --tick: rgba(154,91,7,.35);
  --text: #0B121B;
  --muted: #4B5867;
  --accent: #9A5B07;
  --accentInk: #FFFFFF;
  --accentText: #84500A;
  --accentSoft: rgba(154,91,7,.11);
  --accentDim: rgba(154,91,7,.40);
  --ranks1: #4A2B03;
  --ranks2: #7A4806;
  --ranks3: #9A5B07;
  --ranks4: #CB8A2E;
  --ranks5: #E9C485;
  --navBg: rgba(255,255,255,.95);
}

[data-scheme="ink"][data-mode="dark"] {
  --bg: #0B0B0A;
  --bar: #111110;
  --hero: radial-gradient(120% 140% at 0% 0%, #1E1E1B 0%, #141412 55%, #111110 100%);
  --panel: #161614;
  --panel2: #1E1E1B;
  --stage: radial-gradient(80% 70% at 50% 40%, #1C1C19 0%, #0A0A09 100%);
  --line: rgba(238,237,231,.14);
  --grid: rgba(238,237,231,.10);
  --track: rgba(238,237,231,.12);
  --tick: rgba(255,225,77,.4);
  --text: #EEEDE7;
  --muted: #A5A49D;
  --accent: #FFE14D;
  --accentInk: #111111;
  --accentText: #FFE98A;
  --accentSoft: rgba(255,225,77,.14);
  --accentDim: rgba(255,225,77,.45);
  --ranks1: #FFF3B0;
  --ranks2: #FFE14D;
  --ranks3: #C9B03C;
  --ranks4: #8F7D2B;
  --ranks5: #5A4F1C;
  --navBg: rgba(22,22,20,.94);
}

[data-scheme="ink"][data-mode="light"] {
  --bg: #ECECE7;
  --bar: #F6F6F2;
  --hero: linear-gradient(135deg, #FFFFFF 0%, #F3F3EF 100%);
  --panel: #FFFFFF;
  --panel2: #F2F2EE;
  --stage: radial-gradient(80% 70% at 50% 40%, #FFFFFF 0%, #E4E4DE 100%);
  --line: #D0CFC8;
  --grid: #E4E3DD;
  --track: #E4E3DD;
  --tick: rgba(17,17,17,.3);
  --text: #111111;
  --muted: #55554F;
  --accent: #111111;
  --accentInk: #FFE14D;
  --accentText: #111111;
  --accentSoft: rgba(255,225,77,.6);
  --accentDim: rgba(17,17,17,.35);
  --ranks1: #111111;
  --ranks2: #3B3B38;
  --ranks3: #6E6D68;
  --ranks4: #A3A29C;
  --ranks5: #CFCEC7;
  --navBg: rgba(255,255,255,.96);
}

[data-scheme="lime"][data-mode="dark"] {
  --bg: #090B0C;
  --bar: #0E1112;
  --hero: radial-gradient(120% 140% at 0% 0%, #172015 0%, #0F1312 55%, #0E1112 100%);
  --panel: #12161A;
  --panel2: #191E23;
  --stage: radial-gradient(80% 70% at 50% 40%, #151A14 0%, #090B0B 100%);
  --line: rgba(200,230,170,.13);
  --grid: rgba(200,230,170,.10);
  --track: rgba(200,230,170,.12);
  --tick: rgba(200,242,58,.35);
  --text: #EEF2EA;
  --muted: #97A194;
  --accent: #C8F23A;
  --accentInk: #141A00;
  --accentText: #D7F76E;
  --accentSoft: rgba(200,242,58,.15);
  --accentDim: rgba(200,242,58,.45);
  --ranks1: #E9FBB0;
  --ranks2: #C8F23A;
  --ranks3: #93B52A;
  --ranks4: #5E7520;
  --ranks5: #3A4716;
  --navBg: rgba(18,22,26,.94);
}

[data-scheme="lime"][data-mode="light"] {
  --bg: #EEF0E9;
  --bar: #F7F8F3;
  --hero: linear-gradient(135deg, #FFFFFF 0%, #F2F4EC 100%);
  --panel: #FFFFFF;
  --panel2: #F3F5EE;
  --stage: radial-gradient(80% 70% at 50% 40%, #FFFFFF 0%, #E5E8DD 100%);
  --line: #D5D9CC;
  --grid: #E5E8DE;
  --track: #E5E8DE;
  --tick: rgba(90,120,0,.35);
  --text: #121410;
  --muted: #4F5749;
  --accent: #5B7A00;
  --accentInk: #FFFFFF;
  --accentText: #4A6400;
  --accentSoft: rgba(200,242,58,.35);
  --accentDim: rgba(91,122,0,.40);
  --ranks1: #2E3D00;
  --ranks2: #4A6400;
  --ranks3: #6E9400;
  --ranks4: #A3C94A;
  --ranks5: #D6EBA0;
  --navBg: rgba(255,255,255,.96);
}

/* default look: amber dark */