/* ============================================================
   GENERATED by build.mjs from tokens/tokens.json — DO NOT EDIT.
   Edit tokens/tokens.json, then run:  node build.mjs
   screamingface design tokens · honest-AGI initiative
   Color system: SFDS v2 — programmatic, contract-gated (see tokens/color-gen.mjs)
   ============================================================ */

:root, [data-theme="light"] {
  color-scheme: light;

  /* ---- primitive 12-step scales (light) ---- */
  /* neutral */
  --neutral-1: #fcfdff;
  --neutral-2: #f4f6f9;
  --neutral-3: #eceef0;
  --neutral-4: #e2e4e6;
  --neutral-5: #d8dadc;
  --neutral-6: #cdcfd2;
  --neutral-7: #c2c4c6;
  --neutral-8: #b4b6b8;
  --neutral-9: #626365;
  --neutral-10: #56585a;
  --neutral-11: #616265;
  --neutral-12: #3b3c3e;

  /* gold */
  --gold-1: #fffdfa;
  --gold-2: #faf5f0;
  --gold-3: #f4ece4;
  --gold-4: #ece2d8;
  --gold-5: #e4d7cb;
  --gold-6: #dcccbd;
  --gold-7: #d3c0ac;
  --gold-8: #cab198;
  --gold-9: #ec9f3f;
  --gold-10: #db9439;
  --gold-11: #b26f00;
  --gold-12: #563400;

  /* blue */
  --blue-1: #fcfdff;
  --blue-2: #f2f6fe;
  --blue-3: #e7eefa;
  --blue-4: #dbe5f3;
  --blue-5: #cfdbed;
  --blue-6: #c1d0e7;
  --blue-7: #b2c5e1;
  --blue-8: #9fb8db;
  --blue-9: #4b91f0;
  --blue-10: #4185de;
  --blue-11: #2c62a5;
  --blue-12: #0f3b6e;

  /* green */
  --green-1: #fafffb;
  --green-2: #f0f9f2;
  --green-3: #e5f1e7;
  --green-4: #d9e9dc;
  --green-5: #cce0cf;
  --green-6: #bed7c1;
  --green-7: #aecdb2;
  --green-8: #9bc29f;
  --green-9: #64e47d;
  --green-10: #60d574;
  --green-11: #14722a;
  --green-12: #004611;

  /* amber */
  --amber-1: #fffdf9;
  --amber-2: #f9f6f0;
  --amber-3: #f2ede3;
  --amber-4: #e9e3d7;
  --amber-5: #e1d9c9;
  --amber-6: #d8cebb;
  --amber-7: #cec2ab;
  --amber-8: #c3b496;
  --amber-9: #efbd41;
  --amber-10: #dfb13c;
  --amber-11: #7a5e12;
  --amber-12: #4d3900;

  /* red */
  --red-1: #fffcfc;
  --red-2: #fff3f2;
  --red-3: #fbe9e7;
  --red-4: #f5dedc;
  --red-5: #efd2cf;
  --red-6: #e9c5c2;
  --red-7: #e3b7b3;
  --red-8: #dda6a0;
  --red-9: #ff0325;
  --red-10: #ea001c;
  --red-11: #a63d35;
  --red-12: #6c1c17;

  /* ---- semantic theme: app (default) — light ---- */
  --accent-bg-subtle: #f2f6fe;
  --accent-component: #e7eefa;
  --accent-component-hover: #dbe5f3;
  --accent-component-active: #cfdbed;
  --accent-border-subtle: #c1d0e7;
  --accent-border: #b2c5e1;
  --accent-border-strong: #9fb8db;
  --accent-focus-ring: #9fb8db;
  --accent-solid: #4b91f0;
  --accent-solid-hover: #4185de;
  --accent-text-low: #2c62a5;
  --accent-text-high: #0f3b6e;
  --accent-contrast-text: #ffffff;
  --accent-text: #0f3b6e;
  --brand-bg-subtle: #faf5f0;
  --brand-component: #f4ece4;
  --brand-component-hover: #ece2d8;
  --brand-component-active: #e4d7cb;
  --brand-border-subtle: #dcccbd;
  --brand-border: #d3c0ac;
  --brand-border-strong: #cab198;
  --brand-focus-ring: #cab198;
  --brand-solid: #ec9f3f;
  --brand-solid-hover: #db9439;
  --brand-text-low: #b26f00;
  --brand-text-high: #563400;
  --brand-contrast-text: #000000;
  --brand-text: #563400;
  --gain-bg-subtle: #faf5f0;
  --gain-component: #f4ece4;
  --gain-component-hover: #ece2d8;
  --gain-component-active: #e4d7cb;
  --gain-border-subtle: #dcccbd;
  --gain-border: #d3c0ac;
  --gain-border-strong: #cab198;
  --gain-focus-ring: #cab198;
  --gain-solid: #ec9f3f;
  --gain-solid-hover: #db9439;
  --gain-text-low: #b26f00;
  --gain-text-high: #563400;
  --gain-contrast-text: #000000;
  --gain-text: #563400;
  --success-bg-subtle: #f0f9f2;
  --success-component: #e5f1e7;
  --success-component-hover: #d9e9dc;
  --success-component-active: #cce0cf;
  --success-border-subtle: #bed7c1;
  --success-border: #aecdb2;
  --success-border-strong: #9bc29f;
  --success-focus-ring: #9bc29f;
  --success-solid: #64e47d;
  --success-solid-hover: #60d574;
  --success-text-low: #14722a;
  --success-text-high: #004611;
  --success-contrast-text: #000000;
  --success-text: #004611;
  --warning-bg-subtle: #f9f6f0;
  --warning-component: #f2ede3;
  --warning-component-hover: #e9e3d7;
  --warning-component-active: #e1d9c9;
  --warning-border-subtle: #d8cebb;
  --warning-border: #cec2ab;
  --warning-border-strong: #c3b496;
  --warning-focus-ring: #c3b496;
  --warning-solid: #efbd41;
  --warning-solid-hover: #dfb13c;
  --warning-text-low: #7a5e12;
  --warning-text-high: #4d3900;
  --warning-contrast-text: #000000;
  --warning-text: #4d3900;
  --danger-bg-subtle: #fff3f2;
  --danger-component: #fbe9e7;
  --danger-component-hover: #f5dedc;
  --danger-component-active: #efd2cf;
  --danger-border-subtle: #e9c5c2;
  --danger-border: #e3b7b3;
  --danger-border-strong: #dda6a0;
  --danger-focus-ring: #dda6a0;
  --danger-solid: #ff0325;
  --danger-solid-hover: #ea001c;
  --danger-text-low: #a63d35;
  --danger-text-high: #6c1c17;
  --danger-contrast-text: #ffffff;
  --danger-text: #6c1c17;
  --info-bg-subtle: #f2f6fe;
  --info-component: #e7eefa;
  --info-component-hover: #dbe5f3;
  --info-component-active: #cfdbed;
  --info-border-subtle: #c1d0e7;
  --info-border: #b2c5e1;
  --info-border-strong: #9fb8db;
  --info-focus-ring: #9fb8db;
  --info-solid: #4b91f0;
  --info-solid-hover: #4185de;
  --info-text-low: #2c62a5;
  --info-text-high: #0f3b6e;
  --info-contrast-text: #ffffff;
  --info-text: #0f3b6e;
  --focus: #9fb8db;
  --bg: #fcfdff;
  --surface: #f4f6f9;
  --surface-2: #eceef0;
  --border: #c2c4c6;
  --border-2: #b4b6b8;
  --text-2: #616265;
  --text: #3b3c3e;

  /* ---- data-viz scales (light) ---- */
  --data-azure-300: #4d8fe0;
  --data-azure-400: #4687d8;
  --data-azure-500: #3c80d3;
  --data-azure-600: #3179cf;
  --data-azure-700: #2972c7;
  --data-green-300: #43a55e;
  --data-green-400: #399d57;
  --data-green-500: #2b964e;
  --data-green-600: #199045;
  --data-green-700: #06883e;
  --data-rose-300: #c769a6;
  --data-rose-400: #be619e;
  --data-rose-500: #b85897;
  --data-rose-600: #b24f91;
  --data-rose-700: #a94789;
  --data-orange-300: #ce7131;
  --data-orange-400: #c66a28;
  --data-orange-500: #c0621c;
  --data-orange-600: #b95b0b;
  --data-orange-700: #b05400;
  --data-teal-300: #009c8c;
  --data-teal-400: #14a796;
  --data-teal-500: #0eb1a0;
  --data-teal-600: #06bca9;
  --data-teal-700: #26c6b3;
  --data-indigo-300: #7086e2;
  --data-indigo-400: #697eda;
  --data-indigo-500: #6276d5;
  --data-indigo-600: #5b6fd0;
  --data-indigo-700: #5467c8;
  --data-vermillion-300: #d5685e;
  --data-vermillion-400: #cd6057;
  --data-vermillion-500: #c8574e;
  --data-vermillion-600: #c24e46;
  --data-vermillion-700: #ba463f;
  --data-cyan-300: #0095aa;
  --data-cyan-400: #16a0b6;
  --data-cyan-500: #12aac2;
  --data-cyan-600: #0cb5ce;
  --data-cyan-700: #28c0d9;
  --data-olive-300: #90951d;
  --data-olive-400: #898d0c;
  --data-olive-500: #828606;
  --data-olive-600: #7b7f00;
  --data-olive-700: #747700;
  --data-wine-300: #d16483;
  --data-wine-400: #c95d7c;
  --data-wine-500: #c45576;
  --data-wine-600: #be4c6f;
  --data-wine-700: #b64568;
  --data-seq-0: #ffead8;
  --data-seq-1: #e4c1a1;
  --data-seq-2: #c69a6f;
  --data-seq-3: #a7743b;
  --data-seq-4: #855100;
  --data-seq-5: #5a3500;
  --data-seq-6: #321c00;
  --data-div-0: #002f6d;
  --data-div-1: #1c56a8;
  --data-div-2: #5d84bf;
  --data-div-3: #9ab1d3;
  --data-div-4: #d9dee6;
  --data-div-5: #c4aa91;
  --data-div-6: #a47a4e;
  --data-div-7: #7f4c00;
  --data-div-8: #4a2a00;

  /* ---- alpha overlays (light, app-theme accent) ---- */
  --alpha-neutral-5: rgba(0,0,0,0.05);
  --alpha-neutral-10: rgba(0,0,0,0.10);
  --alpha-neutral-20: rgba(0,0,0,0.20);
  --alpha-neutral-40: rgba(0,0,0,0.40);
  --alpha-neutral-60: rgba(0,0,0,0.60);
  --alpha-accent-5: rgba(75,145,240,0.05);
  --alpha-accent-10: rgba(75,145,240,0.10);
  --alpha-accent-20: rgba(75,145,240,0.20);
  --alpha-accent-40: rgba(75,145,240,0.40);
  --alpha-accent-60: rgba(75,145,240,0.60);

  /* ---- the one sanctioned SFDS gradient (fusion-grad) ---- */
  --fusion-grad: linear-gradient(100deg,#d8860e 0%,#d98b27 3%,#da9037 6%,#dc9544 10%,#dd9a50 13%,#de9f5b 16%,#dfa465 19%,#e0a970 23%,#e2b280 26%,#e5bb90 29%,#e7c3a0 32%,#e9ccaf 35%,#ebd4be 39%,#edddcd 42%,#f2e3df 45%,#eeebf3 48%,#e7edf5 52%,#dde6f4 55%,#d2dff2 58%,#c8d9f2 61%,#bfd4f2 65%,#b5cef2 68%,#abc8f2 71%,#a2c2f2 74%,#97bcf3 77%,#8db6f3 81%,#83b0f3 84%,#79aaf3 87%,#6fa4f3 90%,#649ef3 94%,#5a98f3 97%,#4f91f2 100%);
  --fusion-grad-flow: linear-gradient(90deg,#d8860e 0.0%,#d98b27 1.6%,#da9037 3.2%,#dc9544 4.8%,#dd9a50 6.5%,#de9f5b 8.1%,#dfa465 9.7%,#e0a970 11.3%,#e2b280 12.9%,#e5bb90 14.5%,#e7c3a0 16.1%,#e9ccaf 17.7%,#ebd4be 19.4%,#edddcd 21.0%,#f2e3df 22.6%,#eeebf3 24.2%,#e7edf5 25.8%,#dde6f4 27.4%,#d2dff2 29.0%,#c8d9f2 30.6%,#bfd4f2 32.3%,#b5cef2 33.9%,#abc8f2 35.5%,#a2c2f2 37.1%,#97bcf3 38.7%,#8db6f3 40.3%,#83b0f3 41.9%,#79aaf3 43.5%,#6fa4f3 45.2%,#649ef3 46.8%,#5a98f3 48.4%,#4f91f2 50.0%,#4f91f2 50.0%,#5a98f3 51.6%,#649ef3 53.2%,#6fa4f3 54.8%,#79aaf3 56.5%,#83b0f3 58.1%,#8db6f3 59.7%,#97bcf3 61.3%,#a2c2f2 62.9%,#abc8f2 64.5%,#b5cef2 66.1%,#bfd4f2 67.7%,#c8d9f2 69.4%,#d2dff2 71.0%,#dde6f4 72.6%,#e7edf5 74.2%,#eeebf3 75.8%,#f2e3df 77.4%,#edddcd 79.0%,#ebd4be 80.6%,#e9ccaf 82.3%,#e7c3a0 83.9%,#e5bb90 85.5%,#e2b280 87.1%,#e0a970 88.7%,#dfa465 90.3%,#de9f5b 91.9%,#dd9a50 93.5%,#dc9544 95.2%,#da9037 96.8%,#d98b27 98.4%,#d8860e 100.0%);
  --fusion-grad-y: linear-gradient(180deg,#4f91f2 0.0%,#5a98f3 3.2%,#649ef3 6.5%,#6fa4f3 9.7%,#79aaf3 12.9%,#83b0f3 16.1%,#8db6f3 19.4%,#97bcf3 22.6%,#a2c2f2 25.8%,#abc8f2 29.0%,#b5cef2 32.3%,#bfd4f2 35.5%,#c8d9f2 38.7%,#d2dff2 41.9%,#dde6f4 45.2%,#e7edf5 48.4%,#eeebf3 51.6%,#f2e3df 54.8%,#edddcd 58.1%,#ebd4be 61.3%,#e9ccaf 64.5%,#e7c3a0 67.7%,#e5bb90 71.0%,#e2b280 74.2%,#e0a970 77.4%,#dfa465 80.6%,#de9f5b 83.9%,#dd9a50 87.1%,#dc9544 90.3%,#da9037 93.5%,#d98b27 96.8%,#d8860e 100.0%);
  --fusion-grad-y-flow: linear-gradient(180deg,#4f91f2 0.0%,#5a98f3 1.6%,#649ef3 3.2%,#6fa4f3 4.8%,#79aaf3 6.5%,#83b0f3 8.1%,#8db6f3 9.7%,#97bcf3 11.3%,#a2c2f2 12.9%,#abc8f2 14.5%,#b5cef2 16.1%,#bfd4f2 17.7%,#c8d9f2 19.4%,#d2dff2 21.0%,#dde6f4 22.6%,#e7edf5 24.2%,#eeebf3 25.8%,#f2e3df 27.4%,#edddcd 29.0%,#ebd4be 30.6%,#e9ccaf 32.3%,#e7c3a0 33.9%,#e5bb90 35.5%,#e2b280 37.1%,#e0a970 38.7%,#dfa465 40.3%,#de9f5b 41.9%,#dd9a50 43.5%,#dc9544 45.2%,#da9037 46.8%,#d98b27 48.4%,#d8860e 50.0%,#d8860e 50.0%,#d98b27 51.6%,#da9037 53.2%,#dc9544 54.8%,#dd9a50 56.5%,#de9f5b 58.1%,#dfa465 59.7%,#e0a970 61.3%,#e2b280 62.9%,#e5bb90 64.5%,#e7c3a0 66.1%,#e9ccaf 67.7%,#ebd4be 69.4%,#edddcd 71.0%,#f2e3df 72.6%,#eeebf3 74.2%,#e7edf5 75.8%,#dde6f4 77.4%,#d2dff2 79.0%,#c8d9f2 80.6%,#bfd4f2 82.3%,#b5cef2 83.9%,#abc8f2 85.5%,#a2c2f2 87.1%,#97bcf3 88.7%,#8db6f3 90.3%,#83b0f3 91.9%,#79aaf3 93.5%,#6fa4f3 95.2%,#649ef3 96.8%,#5a98f3 98.4%,#4f91f2 100.0%);

  /* --- back-compat bridge (v1 -> v2 semantic names; see build.mjs) --- */
  --ink: var(--text);
  --ink-2: var(--text-2);
  --ink-3: var(--neutral-8);
  --line: var(--neutral-6);
  --line-2: var(--border-2);
  --gain: var(--gain-solid);
  --gain-2: var(--gain-solid-hover);
  --gain-bg: var(--gain-bg-subtle);
  --blind: var(--danger-text-high);
  --blind-bg: var(--danger-bg-subtle);
  --mark: var(--brand-solid);
  --cat-blue: var(--data-azure-500);
  --cat-green: var(--data-green-500);
  --cat-amber: var(--data-olive-500);
  --cat-rust: var(--data-vermillion-500);
  --cat-teal: var(--data-teal-500);
  --cat-rose: var(--data-rose-500);
  --cat-brown: var(--data-brown-500);
  --cat-slate: var(--data-slate-500);

  /* ---- non-color scalars ---- */
  /* font */
  --f-display: "Parastoo", "Iowan Old Style", Georgia, "Times New Roman", serif;
  --f-sans: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --f-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --f-wordmark: "IBM Plex Sans", system-ui, sans-serif;

  /* size */
  --col: 760px;
  --col-wide: 1000px;
  --rail-h: 44px;

  /* text */
  --text-hero: clamp(44px, 6vw, 76px);
  --text-display: 38px;
  --text-title: 24px;
  --text-metric: 30px;
  --text-lead: 20px;
  --text-body: 16px;
  --text-sm: 13px;
  --text-micro: 12px;
  --text-label: 11px;

  /* weight */
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-display: 500;
  --weight-semibold: 600;

  /* tracking */
  --tracking-tight: -0.01em;
  --tracking-normal: 0;
  --tracking-label: 0.1em;

  /* leading */
  --leading-hero: 0.98;
  --leading-tight: 1.16;
  --leading-snug: 1.38;
  --leading-body: 1.6;

  /* space */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 32px;
  --space-8: 40px;
  --space-9: 52px;
  --space-10: 64px;
  --space-11: 80px;
  --space-12: 96px;

  /* radius */
  --radius-none: 0;
  --radius-window: 10px;

  /* shadow */
  --shadow-window: 0 2px 6px rgba(20,28,52,.05), 0 16px 40px rgba(20,28,52,.11);
  --shadow-window-dark: 0 4px 14px rgba(0,0,0,.25), 0 18px 50px rgba(0,0,0,.35);

  /* border */
  --border-hairline: 1px;
  --border-strong: 2px;

  /* terminal */
  --terminal-bg: var(--surface);
  --terminal-chrome: var(--surface-2);
  --terminal-line: var(--border);
  --terminal-ink: var(--ink-2);
  --terminal-strong: var(--ink);
  --terminal-dim: var(--ink-2);
  --terminal-deco: var(--ink-3);
  --terminal-accent: var(--gain-text-low);
  --terminal-track: var(--surface-2);
}

[data-theme="dark"] {
  color-scheme: dark;

  /* ---- primitive 12-step scales (dark) ---- */
  /* neutral */
  --neutral-1: #05070b;
  --neutral-2: #0c0f13;
  --neutral-3: #15181c;
  --neutral-4: #1e2226;
  --neutral-5: #292c31;
  --neutral-6: #35383d;
  --neutral-7: #44484d;
  --neutral-8: #585c61;
  --neutral-9: #5f6469;
  --neutral-10: #6b6f75;
  --neutral-11: #c8ccd2;
  --neutral-12: #e0e5eb;

  /* gold */
  --gold-1: #080706;
  --gold-2: #110e0c;
  --gold-3: #1c1712;
  --gold-4: #26201b;
  --gold-5: #332a22;
  --gold-6: #40362c;
  --gold-7: #524538;
  --gold-8: #6a5845;
  --gold-9: #e2a35b;
  --gold-10: #edb16d;
  --gold-11: #ffbf76;
  --gold-12: #ffdebb;

  /* blue */
  --blue-1: #060709;
  --blue-2: #0d0f13;
  --blue-3: #14181f;
  --blue-4: #1c222a;
  --blue-5: #252c38;
  --blue-6: #2f3947;
  --blue-7: #3c485b;
  --blue-8: #4b5d76;
  --blue-9: #75affe;
  --blue-10: #8bbcff;
  --blue-11: #aacfff;
  --blue-12: #d2e6ff;

  /* green */
  --green-1: #060806;
  --green-2: #0c100d;
  --green-3: #131a14;
  --green-4: #1b241d;
  --green-5: #233025;
  --green-6: #2c3d2f;
  --green-7: #394e3c;
  --green-8: #47644b;
  --green-9: #7cdf8c;
  --green-10: #8feb9b;
  --green-11: #97db9d;
  --green-12: #baf2bd;

  /* amber */
  --amber-1: #080706;
  --amber-2: #100f0c;
  --amber-3: #1a1712;
  --amber-4: #25211a;
  --amber-5: #302b22;
  --amber-6: #3d372b;
  --amber-7: #4f4736;
  --amber-8: #655a44;
  --amber-9: #e8bf63;
  --amber-10: #f3cd76;
  --amber-11: #e2ca91;
  --amber-12: #f6e3b4;

  /* red */
  --red-1: #090606;
  --red-2: #130d0d;
  --red-3: #1f1514;
  --red-4: #2b1e1d;
  --red-5: #392725;
  --red-6: #48312f;
  --red-7: #5c3f3c;
  --red-8: #774f4c;
  --red-9: #ed413f;
  --red-10: #f8564e;
  --red-11: #ffbab2;
  --red-12: #ffddd7;

  /* ---- semantic theme: app (default) — dark ---- */
  --accent-bg-subtle: #0d0f13;
  --accent-component: #14181f;
  --accent-component-hover: #1c222a;
  --accent-component-active: #252c38;
  --accent-border-subtle: #2f3947;
  --accent-border: #3c485b;
  --accent-border-strong: #4b5d76;
  --accent-focus-ring: #4b5d76;
  --accent-solid: #75affe;
  --accent-solid-hover: #8bbcff;
  --accent-text-low: #aacfff;
  --accent-text-high: #d2e6ff;
  --accent-contrast-text: #000000;
  --accent-text: #d2e6ff;
  --brand-bg-subtle: #110e0c;
  --brand-component: #1c1712;
  --brand-component-hover: #26201b;
  --brand-component-active: #332a22;
  --brand-border-subtle: #40362c;
  --brand-border: #524538;
  --brand-border-strong: #6a5845;
  --brand-focus-ring: #6a5845;
  --brand-solid: #e2a35b;
  --brand-solid-hover: #edb16d;
  --brand-text-low: #ffbf76;
  --brand-text-high: #ffdebb;
  --brand-contrast-text: #000000;
  --brand-text: #ffdebb;
  --gain-bg-subtle: #110e0c;
  --gain-component: #1c1712;
  --gain-component-hover: #26201b;
  --gain-component-active: #332a22;
  --gain-border-subtle: #40362c;
  --gain-border: #524538;
  --gain-border-strong: #6a5845;
  --gain-focus-ring: #6a5845;
  --gain-solid: #e2a35b;
  --gain-solid-hover: #edb16d;
  --gain-text-low: #ffbf76;
  --gain-text-high: #ffdebb;
  --gain-contrast-text: #000000;
  --gain-text: #ffdebb;
  --success-bg-subtle: #0c100d;
  --success-component: #131a14;
  --success-component-hover: #1b241d;
  --success-component-active: #233025;
  --success-border-subtle: #2c3d2f;
  --success-border: #394e3c;
  --success-border-strong: #47644b;
  --success-focus-ring: #47644b;
  --success-solid: #7cdf8c;
  --success-solid-hover: #8feb9b;
  --success-text-low: #97db9d;
  --success-text-high: #baf2bd;
  --success-contrast-text: #000000;
  --success-text: #baf2bd;
  --warning-bg-subtle: #100f0c;
  --warning-component: #1a1712;
  --warning-component-hover: #25211a;
  --warning-component-active: #302b22;
  --warning-border-subtle: #3d372b;
  --warning-border: #4f4736;
  --warning-border-strong: #655a44;
  --warning-focus-ring: #655a44;
  --warning-solid: #e8bf63;
  --warning-solid-hover: #f3cd76;
  --warning-text-low: #e2ca91;
  --warning-text-high: #f6e3b4;
  --warning-contrast-text: #000000;
  --warning-text: #f6e3b4;
  --danger-bg-subtle: #130d0d;
  --danger-component: #1f1514;
  --danger-component-hover: #2b1e1d;
  --danger-component-active: #392725;
  --danger-border-subtle: #48312f;
  --danger-border: #5c3f3c;
  --danger-border-strong: #774f4c;
  --danger-focus-ring: #774f4c;
  --danger-solid: #ed413f;
  --danger-solid-hover: #f8564e;
  --danger-text-low: #ffbab2;
  --danger-text-high: #ffddd7;
  --danger-contrast-text: #ffffff;
  --danger-text: #ffddd7;
  --info-bg-subtle: #0d0f13;
  --info-component: #14181f;
  --info-component-hover: #1c222a;
  --info-component-active: #252c38;
  --info-border-subtle: #2f3947;
  --info-border: #3c485b;
  --info-border-strong: #4b5d76;
  --info-focus-ring: #4b5d76;
  --info-solid: #75affe;
  --info-solid-hover: #8bbcff;
  --info-text-low: #aacfff;
  --info-text-high: #d2e6ff;
  --info-contrast-text: #000000;
  --info-text: #d2e6ff;
  --focus: #4b5d76;
  --bg: #05070b;
  --surface: #0c0f13;
  --surface-2: #15181c;
  --border: #44484d;
  --border-2: #585c61;
  --text-2: #c8ccd2;
  --text: #e0e5eb;

  /* --- back-compat bridge (v1 -> v2 semantic names; see build.mjs) --- */
  --ink: var(--text);
  --ink-2: var(--text-2);
  --ink-3: var(--neutral-8);
  --line: var(--neutral-6);
  --line-2: var(--border-2);
  --gain: var(--gain-solid);
  --gain-2: var(--gain-solid-hover);
  --gain-bg: var(--gain-bg-subtle);
  --blind: var(--danger-text-high);
  --blind-bg: var(--danger-bg-subtle);
  --mark: var(--brand-solid);
  --cat-blue: var(--data-azure-500);
  --cat-green: var(--data-green-500);
  --cat-amber: var(--data-olive-500);
  --cat-rust: var(--data-vermillion-500);
  --cat-teal: var(--data-teal-500);
  --cat-rose: var(--data-rose-500);
  --cat-brown: var(--data-brown-500);
  --cat-slate: var(--data-slate-500);

  /* ---- data-viz scales (dark) ---- */
  --data-azure-300: #4d8fe0;
  --data-azure-400: #4687d8;
  --data-azure-500: #3c80d3;
  --data-azure-600: #3179cf;
  --data-azure-700: #2972c7;
  --data-green-300: #43a55e;
  --data-green-400: #399d57;
  --data-green-500: #2b964e;
  --data-green-600: #199045;
  --data-green-700: #06883e;
  --data-rose-300: #c769a6;
  --data-rose-400: #be619e;
  --data-rose-500: #b85897;
  --data-rose-600: #b24f91;
  --data-rose-700: #a94789;
  --data-orange-300: #ce7131;
  --data-orange-400: #c66a28;
  --data-orange-500: #c0621c;
  --data-orange-600: #b95b0b;
  --data-orange-700: #b05400;
  --data-teal-300: #009c8c;
  --data-teal-400: #14a796;
  --data-teal-500: #0eb1a0;
  --data-teal-600: #06bca9;
  --data-teal-700: #26c6b3;
  --data-indigo-300: #7086e2;
  --data-indigo-400: #697eda;
  --data-indigo-500: #6276d5;
  --data-indigo-600: #5b6fd0;
  --data-indigo-700: #5467c8;
  --data-vermillion-300: #d5685e;
  --data-vermillion-400: #cd6057;
  --data-vermillion-500: #c8574e;
  --data-vermillion-600: #c24e46;
  --data-vermillion-700: #ba463f;
  --data-cyan-300: #0095aa;
  --data-cyan-400: #16a0b6;
  --data-cyan-500: #12aac2;
  --data-cyan-600: #0cb5ce;
  --data-cyan-700: #28c0d9;
  --data-olive-300: #90951d;
  --data-olive-400: #898d0c;
  --data-olive-500: #828606;
  --data-olive-600: #7b7f00;
  --data-olive-700: #747700;
  --data-wine-300: #d16483;
  --data-wine-400: #c95d7c;
  --data-wine-500: #c45576;
  --data-wine-600: #be4c6f;
  --data-wine-700: #b64568;

  /* ---- alpha overlays (dark, app-theme accent) ---- */
  --alpha-neutral-5: rgba(255,255,255,0.05);
  --alpha-neutral-10: rgba(255,255,255,0.10);
  --alpha-neutral-20: rgba(255,255,255,0.20);
  --alpha-neutral-40: rgba(255,255,255,0.40);
  --alpha-neutral-60: rgba(255,255,255,0.60);
  --alpha-accent-5: rgba(117,175,254,0.05);
  --alpha-accent-10: rgba(117,175,254,0.10);
  --alpha-accent-20: rgba(117,175,254,0.20);
  --alpha-accent-40: rgba(117,175,254,0.40);
  --alpha-accent-60: rgba(117,175,254,0.60);
}

/* ---- marketing brand: overrides ONLY the accent-family aliases ---- */
[data-brand="marketing"] {
  --accent-bg-subtle: #faf5f0;
  --accent-component: #f4ece4;
  --accent-component-hover: #ece2d8;
  --accent-component-active: #e4d7cb;
  --accent-border-subtle: #dcccbd;
  --accent-border: #d3c0ac;
  --accent-border-strong: #cab198;
  --accent-focus-ring: #cab198;
  --accent-solid: #ec9f3f;
  --accent-solid-hover: #db9439;
  --accent-text-low: #b26f00;
  --accent-text-high: #563400;
  --accent-contrast-text: #000000;
  --accent-text: #563400;
  --focus: #cab198;
  --alpha-accent-5: rgba(236,159,63,0.05);
  --alpha-accent-10: rgba(236,159,63,0.10);
  --alpha-accent-20: rgba(236,159,63,0.20);
  --alpha-accent-40: rgba(236,159,63,0.40);
  --alpha-accent-60: rgba(236,159,63,0.60);
}

/* both shapes: data-brand on the themed root itself, AND on a nested surface
   (a marketing section inside a dark product page) — vars inherit from the scope */
[data-theme="dark"][data-brand="marketing"],
[data-theme="dark"] [data-brand="marketing"] {
  --accent-bg-subtle: #110e0c;
  --accent-component: #1c1712;
  --accent-component-hover: #26201b;
  --accent-component-active: #332a22;
  --accent-border-subtle: #40362c;
  --accent-border: #524538;
  --accent-border-strong: #6a5845;
  --accent-focus-ring: #6a5845;
  --accent-solid: #e2a35b;
  --accent-solid-hover: #edb16d;
  --accent-text-low: #ffbf76;
  --accent-text-high: #ffdebb;
  --accent-contrast-text: #000000;
  --accent-text: #ffdebb;
  --focus: #6a5845;
  --alpha-accent-5: rgba(226,163,91,0.05);
  --alpha-accent-10: rgba(226,163,91,0.10);
  --alpha-accent-20: rgba(226,163,91,0.20);
  --alpha-accent-40: rgba(226,163,91,0.40);
  --alpha-accent-60: rgba(226,163,91,0.60);
}