/* Coral night: the Coral desk after dark. Derived from the light tokens by the
   Hallmark dark recipe: the hues stay put, elevation becomes lightness, and
   shadows give way to hairline rings. The switch in the nav turns it on. */
:root[data-theme="coral-night"] {
  color-scheme: dark;
  --color-paper: oklch(17% 0.01 50); --color-paper-2: oklch(20.5% 0.011 50); --color-paper-3: oklch(24% 0.012 50);
  --color-ink: oklch(94% 0.008 60); --color-ink-2: oklch(86% 0.01 58); --color-muted: oklch(70% 0.012 55);
  --color-rule: oklch(29% 0.012 52); --color-rule-2: oklch(37% 0.013 52);
  --color-accent: oklch(76% 0.12 30); --color-accent-ink: oklch(20% 0.012 38); --color-accent-2: oklch(74% 0.13 30); --color-focus: oklch(79% 0.13 30);
  --color-cotton: oklch(25.5% 0.012 55); --color-desk: oklch(14.5% 0.009 50); --color-print: oklch(94% 0.008 60);
  --color-board: oklch(93% 0.008 62); --color-board-type: oklch(21% 0.012 38); --color-paid: oklch(74% 0.13 33);
  --tex-cotton: none; --tex-desk: none;
  --shade: 6% 0.01 40; --lit: 100% 0.005 80; --deep: 4% 0.01 40;
  --edge-stock: inset 0 1px 0 oklch(var(--lit) / 0.08), 0 0 0 1px oklch(var(--lit) / 0.06);
  --cast-stock: 0 1px 2px oklch(var(--deep) / 0.5); --cast-stock-lift: 0 3px 8px -2px oklch(var(--deep) / 0.6);
  --press-groove: inset 0 1px 2px oklch(var(--deep) / 0.7), 0 0 0 1px oklch(var(--lit) / 0.05);
  --shadow-card: 0 0 0 1px oklch(var(--lit) / 0.06);
  --film-cast: 0 0 0 1px oklch(var(--lit) / 0.08), 0 24px 48px -24px oklch(var(--deep) / 0.8);
  --shot-drop: 0 18px 24px oklch(var(--deep) / 0.7);
  --icon-cast: 0 8px 14px oklch(var(--deep) / 0.6);
  --hero-ground: radial-gradient(90% 120% at 0% 30%, var(--color-paper-3), transparent 62%);
  --color-front: oklch(78% 0.13 30);
  --badge-1: oklch(76% 0.13 30); --badge-2: oklch(80% 0.12 78); --badge-3: oklch(77% 0.12 150);
  --badge-4: oklch(77% 0.1 222); --badge-5: oklch(76% 0.11 282); --badge-6: oklch(77% 0.12 340);
}

/* Type pressed into dark stock keeps no light edge. */
[data-theme="coral-night"] :is(kbd, .btn--card, .btn--ink) { text-shadow: none; }
[data-theme="coral-night"] .btn--ink { box-shadow: var(--cast-stock); }
[data-theme="coral-night"] :is(.sheet, .pad__surface) { background-image: linear-gradient(100deg, var(--color-paper-3), transparent 45%); }
[data-theme="coral-night"][data-hero="poster"] .hero .btn--ink { background: var(--color-board); color: var(--color-board-type); }
/* The light band carries a dark card, so the pressed button on it flips with it, and so does the focus ring. */
[data-theme="coral-night"] .gs .btn--card { background: var(--color-board-type); color: var(--color-board); box-shadow: none; }
[data-theme="coral-night"] .gs :focus-visible { outline-color: var(--color-board-type); }