/* Generated by backend/design-tokens.js — the parent. Edit at /admin → Design. */
:root {
  --accent: #B18CFF;
  --accent-deep: #7C4DFF;
  --mint: #8DFACB;
  --green: #4be0a0;
  --gold: #F59E0B;
  --danger: #ff6b6b;
  --danger-bg: #2b1519;
  --danger-ink: #ffd0d0;
  --danger-on: #1a0b0d;
  --black: #0c0a14;
  --dark: #171226;
  --navy: #1d1729;
  --midnight: #0c0a14;
  --cpg-panel: #161619;
  --cpg-page: #111114;
  --border-d: rgba(255,255,255,.09);
  --off-white: #f5f1fc;
  --cream: #f5f1fc;
  --muted: #a99fc0;
  --ink-1: #f2f2f4;
  --ink-2: rgba(255,255,255,.66);
  --ink-3: rgba(255,255,255,.44);
  --sans: 'Alte Haas Grotesk', 'Helvetica Neue', Helvetica, Arial, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --serif: 'Alte Haas Grotesk', 'Helvetica Neue', Helvetica, Arial, system-ui, sans-serif;
  --fs-h1: 26px;
  --fs-h2: 17px;
  --fs-body: 15px;
  --fs-small: 13px;
  --fs-micro: 11px;
  --rail-inset: 12px;
  --rail-radius: 14px;
  --rail-gap: 16px;
  --rail-w: clamp(400px, 27vw, 580px);
  --dock-bottom: 36px;
  --dock-h: 58px;
  --cpg-tick: 30px;
  --dur-quick: .15s;
  --dur-fast: .25s;
  --dur: .4s;
  --ease-out: cubic-bezier(.33, 1, .68, 1);
  --ease-soft: cubic-bezier(.215, .61, .355, 1);
  --ease-io: cubic-bezier(.785, .135, .15, .86);
  --glass-blur: blur(28px) saturate(150%);
  --glass-tint: rgba(255,255,255,.05);
  --glass-edge: rgba(255,255,255,.12);
  --glass-shadow: 0 24px 60px -26px rgba(0,0,0,.65);
  --menu-blur: blur(20px) saturate(160%);
  --menu-bg: rgba(19,19,23,.72);
  --scrub-h: 54px;
  --scrub-frame-w: 76px;
  --scrub-radius: 10px;
  --scrub-head: #ffffff;
  --scrub-grip: #F5C518;
  --scrub-btn: 32px;
  --vid-fps: 24;
  --toast-w: clamp(200px, 15vw, 300px);
  --toast-h: 34px;
  --toast-pad: 6px 11px;
  --toast-gap: 8px;
  --toast-radius: 10px;
  --toast-fs: 12px;
  --toast-ico: 14px;
  --iconbtn-size: 34px;
  --iconbtn-radius: 11px;
  --iconbtn-glyph: 17px;
  --iconbtn-bg: rgba(18,18,22,.6);
  --iconbtn-bg-hover: rgba(38,38,46,.78);
  --iconbtn-gap: 6px;
  --mention-h: 20px;
  --mention-radius: 6px;
  --mention-pad: 0 7px;
  --mention-fs: 12.5px;
  --mention-bg: rgba(124,77,255,.20);
  --mention-ink: #c7b1ff;
  --mention-ring: rgba(177,140,255,.34);
  --ssd-scene-highlight: rgba(124,77,255,.22);
  --ssd-scene-highlight-hover: rgba(124,77,255,.32);
  --ssd-scene-highlight-selected: rgba(124,77,255,.48);
  --ssd-scene-selected-ring: rgba(199,177,255,.5);

  /* legacy aliases */
  --coral: var(--accent);
  --violet: var(--accent);
  --blue: var(--accent);
  --pink: var(--accent);
  --info: var(--accent);
  --teal: var(--mint);
  --ssd-accent: var(--accent);
}