/* Colour tokens, nine theme options. <html data-theme> is the resolved palette ('auto' → the layout's own: grafit / kobalt / ibolya).
   Fonts, radii and density belong to the layout (layout-*.css). --text-3 on --surface is at least 4.5:1 in every palette. */
:root, [data-theme="grafit"] {
  --bg: #0C0D0F; --side: #0F1012; --surface: #141518; --surface-2: #1A1C20; --surface-3: #22252B; --inset: #101114; --head: #111215; --sel: #1B1D22;
  --line: #1C1D21; --line-soft: #1A1B1F; --line-strong: #2A2D33;
  --text: #EDEEF0; --text-2: #A1A5AD; --text-3: #7B7F88; --text-btn: #C9CCD2;
  --accent: #E7A93B; --accent-ink: #1A1300; --accent-soft: #2A2213; --accent-softer: #18150F; --accent-line: #3A2E16; --accent-text: #E7A93B;
  --up: #3DD68C; --up-soft: #13281F; --up-ink: #04150D; --up-line: #1F5A41;
  --down: #F2555A; --down-soft: #2E1719; --down-text: #FF9A9D; --down-line: #5A2426;
  --warn: #E7A93B; --warn-soft: #2A2213; --info: #6AA8FF; --skip: #4A4E56;
  --glow: none; color-scheme: dark;
}
[data-theme="kobalt"] {
  --bg: #07090D; --side: #0E1218; --surface: #0E1218; --surface-2: #11161E; --surface-3: #1E2A3B; --inset: #0A0E14; --head: #11161E; --sel: #152033;
  --line: #1B222D; --line-soft: #151B24; --line-strong: #243041;
  --text: #E6EAF0; --text-2: #9AA4B2; --text-3: #74808F; --text-btn: #C4CBD5;
  --accent: #3D8BFD; --accent-ink: #04101F; --accent-soft: #13233D; --accent-softer: #0F1B2E; --accent-line: #24406B; --accent-text: #8FBBFF;
  --up: #22C58B; --up-soft: #0E2A20; --up-ink: #04150D; --up-line: #1B5A43;
  --down: #F6465D; --down-soft: #2E1419; --down-text: #FF8593; --down-line: #5E2330;
  --warn: #F0B429; --warn-soft: #2B2210; --info: #8FBBFF; --skip: #4A5361;
  --glow: none; color-scheme: dark;
}
[data-theme="ibolya"] {
  --bg: #0A0A0F; --side: #121218; --surface: #121218; --surface-2: #18181F; --surface-3: #24232F; --inset: #0E0E13; --head: #121218; --sel: #16161D;
  --line: #1E1E27; --line-soft: #1C1C24; --line-strong: #26262F;
  --text: #F3F3F6; --text-2: #A8A8B6; --text-3: #7C7C8B; --text-btn: #D2D2DC;
  --accent: #8B7CF6; --accent-ink: #0A0A0F; --accent-soft: #1F1B38; --accent-softer: #17142A; --accent-line: #3A3366; --accent-text: #B1A6FF;
  --up: #34D399; --up-soft: #0F2820; --up-ink: #06150F; --up-line: #1D5B45;
  --down: #F2545B; --down-soft: #2B1418; --down-text: #FF8A8F; --down-line: #4A2229;
  --warn: #F5B454; --warn-soft: #2A2210; --info: #B1A6FF; --skip: #4E4E5C;
  --glow: radial-gradient(1000px 460px at 50% -160px, rgba(139, 124, 246, .13), transparent 70%); color-scheme: dark;
}
[data-theme="nova"] {
  --bg: #090B10; --side: #0C0F15; --surface: #0F1218; --surface-2: #151A23; --surface-3: #1D2330; --inset: #0B0E13; --head: #0D1016; --sel: #171C28;
  --line: #1E2532; --line-soft: #191F2A; --line-strong: #2A3242;
  --text: #E7EAF0; --text-2: #A3ABBD; --text-3: #8089A0; --text-btn: #C8CEDA;
  --accent: #8B6CFF; --accent-ink: #0B0D12; --accent-soft: #1E1A3A; --accent-softer: #15132A; --accent-line: #3B3170; --accent-text: #B7A6FF;
  --up: #2EBD85; --up-soft: #0F2A20; --up-ink: #04150D; --up-line: #1F5A41;
  --down: #F6465D; --down-soft: #2E141A; --down-text: #FF8A99; --down-line: #5E2330;
  --warn: #F0B90B; --warn-soft: #2A230C; --info: #22D3EE; --skip: #4D556A;
  --glow: radial-gradient(1100px 520px at 12% -8%, rgba(124, 92, 255, .08), transparent 60%), radial-gradient(900px 480px at 92% -4%, rgba(34, 211, 238, .05), transparent 55%); color-scheme: dark;
}
[data-theme="carbon"] {
  --bg: #0B0B0C; --side: #0E0E10; --surface: #121214; --surface-2: #18181B; --surface-3: #222226; --inset: #0E0E10; --head: #141416; --sel: #1C1C20;
  --line: #26262B; --line-soft: #1E1E22; --line-strong: #33333A;
  --text: #E8E8EA; --text-2: #B0B0B8; --text-3: #8B8B94; --text-btn: #D0D0D6;
  --accent: #F5C518; --accent-ink: #151100; --accent-soft: #2A2410; --accent-softer: #1A170B; --accent-line: #4A3F14; --accent-text: #F5C518;
  --up: #2EBD85; --up-soft: #10281F; --up-ink: #04150D; --up-line: #1F5A41;
  --down: #F6465D; --down-soft: #2C1519; --down-text: #FF8A99; --down-line: #5E2330;
  --warn: #F5C518; --warn-soft: #2A2410; --info: #A1A1AA; --skip: #4A4A52;
  --glow: none; color-scheme: dark;
}
[data-theme="gold"] {
  --bg: #0A0906; --side: #0E0C08; --surface: #14110B; --surface-2: #1B170F; --surface-3: #262014; --inset: #100E09; --head: #17130C; --sel: #1F1A11;
  --line: #2B2416; --line-soft: #221D12; --line-strong: #3A311D;
  --text: #F3ECDC; --text-2: #C2B599; --text-3: #9C8F76; --text-btn: #DCD1BA;
  --accent: #F0B90B; --accent-ink: #1A1200; --accent-soft: #2E250A; --accent-softer: #1C1709; --accent-line: #5B4715; --accent-text: #F5C94A;
  --up: #2EBD85; --up-soft: #10281E; --up-ink: #04150D; --up-line: #1F5A41;
  --down: #F6465D; --down-soft: #2E1518; --down-text: #FF8A99; --down-line: #5E2330;
  --warn: #F59E0B; --warn-soft: #2E220A; --info: #F5C94A; --skip: #57503F;
  --glow: radial-gradient(1000px 500px at 15% -10%, rgba(240, 185, 11, .07), transparent 60%); color-scheme: dark;
}
[data-theme="arctic"] {
  --bg: #F3F6FB; --side: #FFFFFF; --surface: #FFFFFF; --surface-2: #F1F4F9; --surface-3: #E4E9F2; --inset: #F8FAFC; --head: #F8FAFC; --sel: #EAF1FF;
  --line: #DFE5EE; --line-soft: #E8EDF4; --line-strong: #CBD5E1;
  --text: #0F172A; --text-2: #334155; --text-3: #64748B; --text-btn: #1E293B;
  --accent: #2563EB; --accent-ink: #FFFFFF; --accent-soft: #E8F0FF; --accent-softer: #F2F6FF; --accent-line: #BFD3FB; --accent-text: #1D4ED8;
  --up: #15803D; --up-soft: #DCFCE7; --up-ink: #FFFFFF; --up-line: #86EFAC;
  --down: #DC2626; --down-soft: #FEE2E2; --down-text: #B91C1C; --down-line: #FCA5A5;
  --warn: #B45309; --warn-soft: #FFFBEB; --info: #0369A1; --skip: #94A3B8;
  --glow: none; color-scheme: light;
}
[data-theme="neon"] {
  --bg: #05060A; --side: #080A10; --surface: #0B0D14; --surface-2: #11141D; --surface-3: #1A1E2C; --inset: #080A10; --head: #0D1018; --sel: #161A28;
  --line: #1F2440; --line-soft: #171B30; --line-strong: #2C3358;
  --text: #E8ECFF; --text-2: #A6AFD0; --text-3: #7C86A8; --text-btn: #CDD3EE;
  --accent: #FF3EA5; --accent-ink: #1A0010; --accent-soft: #2E0F22; --accent-softer: #1C0A16; --accent-line: #6B1F4A; --accent-text: #FF8AD4;
  --up: #2EBD85; --up-soft: #0B2A22; --up-ink: #03140F; --up-line: #1F5A41;
  --down: #F6465D; --down-soft: #2E0F17; --down-text: #FF8FA3; --down-line: #6B1F30;
  --warn: #FFB84D; --warn-soft: #2E220D; --info: #22D3EE; --skip: #4A5270;
  --glow: radial-gradient(900px 480px at 10% -10%, rgba(255, 62, 165, .09), transparent 60%), radial-gradient(900px 480px at 90% -5%, rgba(34, 211, 238, .07), transparent 55%); color-scheme: dark;
}