/* Hallmark · macrostructure: Component Playground · tone: atmospheric · anchor hue: warm-orange · nav: N3 · footer: Ft5 */
/* Hallmark · pre-emit critique: P5 H5 E4 S5 R4 V5 */

:root {
  color-scheme: dark;
  --font-display: "JetBrains Mono", ui-monospace, monospace;
  --font-body: "JetBrains Mono", ui-monospace, monospace;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;
  --font-quote: "JetBrains Mono", ui-monospace, monospace;

  --bg: oklch(13% 0.015 40);
  --bg-soft: oklch(16% 0.018 39);
  --surface-1: oklch(19% 0.021 39);
  --surface-2: oklch(23% 0.024 40);
  --surface-3: oklch(27% 0.028 40);
  --line: oklch(100% 0 0 / 0.12);
  --line-strong: oklch(100% 0 0 / 0.2);
  --text: oklch(94% 0.016 79);
  --text-soft: oklch(78% 0.022 75);
  --text-muted: oklch(61% 0.023 70);
  --accent: oklch(70% 0.18 46);
  --accent-soft: oklch(78% 0.14 68);
  --accent-ink: oklch(17% 0.022 40);
  --focus: oklch(85% 0.13 78);
  --success: oklch(73% 0.14 151);
  --danger: oklch(70% 0.17 25);

  --shadow-stage: 0 32px 90px oklch(0% 0 0 / 0.3);
  --radius-sm: 0.4rem;
  --radius-md: 0.85rem;
  --radius-lg: 1.4rem;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --stage-height: min(47rem, calc(100svh - 6rem));
}

[data-theme="cobalt"] {
  --accent: oklch(70% 0.18 250);
  --accent-soft: oklch(78% 0.12 236);
  --focus: oklch(84% 0.12 235);
}

[data-theme="moss"] {
  --accent: oklch(70% 0.15 135);
  --accent-soft: oklch(78% 0.11 121);
  --focus: oklch(85% 0.11 127);
}

/* Animation Studio DNA, extracted from the public kit reference:
   dark plum authority, pale lavender ink, soft violet signal, layered planes. */
[data-theme="animation"] {
  --font-display: "JetBrains Mono", ui-monospace, monospace;
  --font-body: "JetBrains Mono", ui-monospace, monospace;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;
  --font-quote: var(--font-display);
  --bg: #0e0912;
  --bg-soft: #120d17;
  --surface-1: #1b1422;
  --surface-2: #1d1525;
  --surface-3: #251b2e;
  --surface-pressed: #120d17;
  --line: #2b2232;
  --line-strong: #493957;
  --text: #f4eff7;
  --text-soft: #d8cfdf;
  --text-muted: #aa9eaf;
  --accent: #c6a4ef;
  --accent-soft: #d9c6f4;
  --accent-ink: #21152b;
  --focus: #c6a4ef;
  --success: #9fcbb2;
  --danger: #f08ba0;
  --shadow-stage: 0 16px 32px -26px rgb(0 0 0 / 0.96), inset 0 1px 0 rgb(251 247 253 / 0.06);
  --radius-sm: 0.55rem;
  --radius-md: 0.875rem;
  --radius-lg: 1.25rem;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
}

[data-density="airy"] { --stage-height: min(51rem, calc(100svh - 6rem)); }
[data-density="compact"] { --stage-height: min(39rem, calc(100svh - 6rem)); }