/* ============================================================
   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 {
  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: #828386;
  --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: #a97941;
  --gold-12: #563300;

  /* 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: #4e85ca;
  --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: #28fe6c;
  --green-10: #2fef64;
  --green-11: #3f954c;
  --green-12: #004611;

  /* amber */
  --amber-1: #fefdf9;
  --amber-2: #f8f6ef;
  --amber-3: #f1ede3;
  --amber-4: #e8e4d7;
  --amber-5: #dfdac9;
  --amber-6: #d5cfba;
  --amber-7: #cac4aa;
  --amber-8: #bfb694;
  --amber-9: #fdd704;
  --amber-10: #edcb0c;
  --amber-11: #938234;
  --amber-12: #463c00;

  /* 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: #cd6056;
  --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: #4e85ca;
  --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: #a97941;
  --brand-text-high: #563300;
  --brand-contrast-text: #000000;
  --brand-text: #563300;
  --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: #a97941;
  --gain-text-high: #563300;
  --gain-contrast-text: #000000;
  --gain-text: #563300;
  --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: #28fe6c;
  --success-solid-hover: #2fef64;
  --success-text-low: #3f954c;
  --success-text-high: #004611;
  --success-contrast-text: #000000;
  --success-text: #004611;
  --warning-bg-subtle: #f8f6ef;
  --warning-component: #f1ede3;
  --warning-component-hover: #e8e4d7;
  --warning-component-active: #dfdac9;
  --warning-border-subtle: #d5cfba;
  --warning-border: #cac4aa;
  --warning-border-strong: #bfb694;
  --warning-focus-ring: #bfb694;
  --warning-solid: #fdd704;
  --warning-solid-hover: #edcb0c;
  --warning-text-low: #938234;
  --warning-text-high: #463c00;
  --warning-contrast-text: #000000;
  --warning-text: #463c00;
  --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: #cd6056;
  --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: #4e85ca;
  --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: #828386;
  --text: #3b3c3e;

  /* ---- data-viz scales (light) ---- */
  --data-azure-300: #8bb9f5;
  --data-azure-400: #6f9fd8;
  --data-azure-500: #5686c4;
  --data-azure-600: #3b6fb0;
  --data-azure-700: #225695;
  --data-green-300: #7ed66d;
  --data-green-400: #6ac25a;
  --data-green-500: #5daf4c;
  --data-green-600: #4f9d3f;
  --data-green-700: #3c8a2b;
  --data-vermillion-300: #ff816a;
  --data-vermillion-400: #f2704f;
  --data-vermillion-500: #e55f48;
  --data-vermillion-600: #d84f38;
  --data-vermillion-700: #c73f29;
  --data-cyan-300: #6bdbfe;
  --data-cyan-400: #56cdea;
  --data-cyan-500: #48bee1;
  --data-cyan-600: #33b1d4;
  --data-cyan-700: #1aa2c5;
  --data-rose-300: #ff8dc0;
  --data-rose-400: #f07db0;
  --data-rose-500: #e46ca4;
  --data-rose-600: #d95a97;
  --data-rose-700: #c84b89;
  --data-olive-300: #f4d760;
  --data-olive-400: #d8c34a;
  --data-olive-500: #c9ad35;
  --data-olive-600: #b59a1f;
  --data-olive-700: #9f8600;
  --data-teal-300: #59c9c4;
  --data-teal-400: #3fb3ae;
  --data-teal-500: #2f9e9a;
  --data-teal-600: #1f8a86;
  --data-teal-700: #007571;
  --data-brown-300: #d8a282;
  --data-brown-400: #b98a63;
  --data-brown-500: #a37052;
  --data-brown-600: #8a5a3c;
  --data-brown-700: #704224;
  --data-slate-300: #b2becc;
  --data-slate-400: #98a4b2;
  --data-slate-500: #818d9b;
  --data-slate-600: #6b7785;
  --data-slate-700: #545f6d;
  --data-wine-300: #e8768e;
  --data-wine-400: #cd5e78;
  --data-wine-500: #b44963;
  --data-wine-600: #9c3550;
  --data-wine-700: #831c3b;
  --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%);

  /* --- 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-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: #aeb2b8;
  --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: #d3aa7c;
  --gold-12: #ffdfbb;

  /* 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: #5a93e0;
  --blue-10: #68a0e9;
  --blue-11: #87b4f0;
  --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: #65f884;
  --green-10: #95ffa3;
  --green-11: #7dc183;
  --green-12: #baf2bd;

  /* amber */
  --amber-1: #080706;
  --amber-2: #100f0b;
  --amber-3: #1a1812;
  --amber-4: #24221a;
  --amber-5: #2f2c21;
  --amber-6: #3c382a;
  --amber-7: #4d4835;
  --amber-8: #625c43;
  --amber-9: #f6d957;
  --amber-10: #ffe77b;
  --amber-11: #bfb274;
  --amber-12: #efe5b1;

  /* 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: #f6988d;
  --red-12: #ffdcd7;

  /* ---- 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: #5a93e0;
  --accent-solid-hover: #68a0e9;
  --accent-text-low: #87b4f0;
  --accent-text-high: #d2e6ff;
  --accent-contrast-text: #ffffff;
  --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: #d3aa7c;
  --brand-text-high: #ffdfbb;
  --brand-contrast-text: #000000;
  --brand-text: #ffdfbb;
  --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: #d3aa7c;
  --gain-text-high: #ffdfbb;
  --gain-contrast-text: #000000;
  --gain-text: #ffdfbb;
  --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: #65f884;
  --success-solid-hover: #95ffa3;
  --success-text-low: #7dc183;
  --success-text-high: #baf2bd;
  --success-contrast-text: #000000;
  --success-text: #baf2bd;
  --warning-bg-subtle: #100f0b;
  --warning-component: #1a1812;
  --warning-component-hover: #24221a;
  --warning-component-active: #2f2c21;
  --warning-border-subtle: #3c382a;
  --warning-border: #4d4835;
  --warning-border-strong: #625c43;
  --warning-focus-ring: #625c43;
  --warning-solid: #f6d957;
  --warning-solid-hover: #ffe77b;
  --warning-text-low: #bfb274;
  --warning-text-high: #efe5b1;
  --warning-contrast-text: #000000;
  --warning-text: #efe5b1;
  --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: #f6988d;
  --danger-text-high: #ffdcd7;
  --danger-contrast-text: #ffffff;
  --danger-text: #ffdcd7;
  --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: #5a93e0;
  --info-solid-hover: #68a0e9;
  --info-text-low: #87b4f0;
  --info-text-high: #d2e6ff;
  --info-contrast-text: #ffffff;
  --info-text: #d2e6ff;
  --focus: #4b5d76;
  --bg: #05070b;
  --surface: #0c0f13;
  --surface-2: #15181c;
  --border: #44484d;
  --border-2: #585c61;
  --text-2: #aeb2b8;
  --text: #e0e5eb;

  /* ---- data-viz scales (dark) ---- */
  --data-azure-300: #8bb9f5;
  --data-azure-400: #6f9fd8;
  --data-azure-500: #5686c4;
  --data-azure-600: #3b6fb0;
  --data-azure-700: #225695;
  --data-green-300: #7ed66d;
  --data-green-400: #6ac25a;
  --data-green-500: #5daf4c;
  --data-green-600: #4f9d3f;
  --data-green-700: #3c8a2b;
  --data-vermillion-300: #ff816a;
  --data-vermillion-400: #f2704f;
  --data-vermillion-500: #e55f48;
  --data-vermillion-600: #d84f38;
  --data-vermillion-700: #c73f29;
  --data-cyan-300: #6bdbfe;
  --data-cyan-400: #56cdea;
  --data-cyan-500: #48bee1;
  --data-cyan-600: #33b1d4;
  --data-cyan-700: #1aa2c5;
  --data-rose-300: #ff8dc0;
  --data-rose-400: #f07db0;
  --data-rose-500: #e46ca4;
  --data-rose-600: #d95a97;
  --data-rose-700: #c84b89;
  --data-olive-300: #f4d760;
  --data-olive-400: #d8c34a;
  --data-olive-500: #c9ad35;
  --data-olive-600: #b59a1f;
  --data-olive-700: #9f8600;
  --data-teal-300: #59c9c4;
  --data-teal-400: #3fb3ae;
  --data-teal-500: #2f9e9a;
  --data-teal-600: #1f8a86;
  --data-teal-700: #007571;
  --data-brown-300: #d8a282;
  --data-brown-400: #b98a63;
  --data-brown-500: #a37052;
  --data-brown-600: #8a5a3c;
  --data-brown-700: #704224;
  --data-slate-300: #b2becc;
  --data-slate-400: #98a4b2;
  --data-slate-500: #818d9b;
  --data-slate-600: #6b7785;
  --data-slate-700: #545f6d;
  --data-wine-300: #e8768e;
  --data-wine-400: #cd5e78;
  --data-wine-500: #b44963;
  --data-wine-600: #9c3550;
  --data-wine-700: #831c3b;

  /* ---- 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(90,147,224,0.05);
  --alpha-accent-10: rgba(90,147,224,0.10);
  --alpha-accent-20: rgba(90,147,224,0.20);
  --alpha-accent-40: rgba(90,147,224,0.40);
  --alpha-accent-60: rgba(90,147,224,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: #a97941;
  --accent-text-high: #563300;
  --accent-contrast-text: #000000;
  --accent-text: #563300;
  --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);
}

[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: #d3aa7c;
  --accent-text-high: #ffdfbb;
  --accent-contrast-text: #000000;
  --accent-text: #ffdfbb;
  --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);
}