/* Day + night tokens. Append after the existing token blocks.
   Dark values match the restored desk (11:17 honeycomb). Do not recolour dark.
   Light is the day skin she asked for. No blue ground. No brown. No Ruby.
   Radius floor is 12px on controls. 0 and 4 are forbidden. */

:root {
  --r-floor: 12px;
  --r-ctrl: 14px;
  --r-btn: 16px;
  --r-card: 20px;
  --r-tile: 28px;
  --r-chip: 999px;
  --r-bubble: 20px;
  --r-tail: 12px;
  --tap: 44px;
  --tab-h: 56px;
  --font: "Futura", "Jost", "Avenir Next", "Century Gothic", system-ui, sans-serif;
  --display-site: "Iowan Old Style", Palatino, Georgia, serif;
  --ease: cubic-bezier(0.22, 0.8, 0.26, 0.99);
  --t-fast: 180ms;
  --t-panel: 280ms;
  --focus: 0 0 0 2px var(--bg), 0 0 0 4px var(--acc);
  --z-nav: 40;
  --z-sheet: 60;
  --z-modal: 80;
}

/* Night — same colours as css/house.css :root. Geometry only changes elsewhere. */
html:not(.day) {
  color-scheme: dark;
  --bg: #060309;
  --ink: #f3edfb;
  --dim: #a99cc6;
  --line: rgba(255, 255, 255, 0.14);
  --glass: rgba(22, 14, 34, 0.55);
  --glass2: rgba(255, 255, 255, 0.045);
  --brand: #a074e8;
  --acc: #ff5fd0;
  --acc-ink: #12101a;
  --acc-text: #ffb3e4;
  --good: #3ee6a4;
  --warn: #ffc15a;
  --bad: #ff3d6e;
  --cool: #5fd4ff;
  --r: 22px;
}

/* Day — palette 1 light from core.js PAL, muted darkened so text clears 4.5:1. */
html.day {
  color-scheme: light;
  --bg: #f6f1fb;
  --ink: #241833;
  --dim: #2e283c;
  --line: rgba(36, 24, 51, 0.16);
  --glass: rgba(255, 255, 255, 0.86);
  --glass2: rgba(36, 24, 51, 0.04);
  --brand: #6d28d9;
  --acc: #ff5fd0;
  --acc-ink: #1a1020;
  --acc-text: #6e1248;
  --good: #0f9d6b;
  --warn: #8a5608;
  --bad: #b00040;
  --cool: #0a86b8;
  --r: 22px;
}

/* Public site shares the same day/night switch. Cyan and hot-pink page glows come off.
   House colour is the logo + photo, not a neon wash. */
html[data-skin="skin-agency"],
html[data-skin="skin-parlour"] {
  --page: none;
  --r-sm: 16px;
  --r-md: 20px;
  --r-lg: 24px;
  --r-pill: 999px;
  background-image: none;
}

html[data-skin="skin-agency"]:not(.day),
html[data-skin="skin-parlour"]:not(.day) {
  --bg: #100b1a;
  --bg-raise: #161022;
  --surface-solid: #1b1430;
  --ink: #f3edfb;
  --muted: #c4b8d8;
  --accent: #ff5fd0;
  --accent-text: #ffb3e4;
  --on-accent: #1a1020;
  --edge: rgba(255, 255, 255, 0.16);
  --line: rgba(255, 255, 255, 0.12);
  --focus-ring: #efeaff;
}

html[data-skin="skin-agency"].day,
html[data-skin="skin-parlour"].day {
  --bg: #f6f1fb;
  --bg-raise: #ffffff;
  --surface-solid: #ffffff;
  --ink: #241833;
  --muted: #2e283c;
  --accent: #ff5fd0;
  --accent-text: #6e1248;
  --on-accent: #1a1020;
  --edge: rgba(36, 24, 51, 0.18);
  --line: rgba(36, 24, 51, 0.14);
  --focus-ring: #6e1248;
  background-color: var(--bg);
  color: var(--ink);
}

/* Kill the blue agency backend wherever data-skin=agency|parlour is still set. */
html[data-skin="agency"],
html[data-skin="parlour"] {
  --eh-radius: 16px;
  --r: 22px;
  --eh-ground: #060309;
  --eh-ground-2: #060309;
  --eh-ground-3: #160e22;
  --eh-accent: #ff5fd0;
  --eh-accent-2: #a074e8;
  --eh-edge: rgba(255, 255, 255, 0.16);
  --eh-line: rgba(255, 255, 255, 0.14);
  --eh-glow: transparent;
  --eh-ink: #f3edfb;
  --eh-dim: #a99cc6;
  --eh-card: rgba(22, 14, 34, 0.55);
  --bg: #060309;
  --ink: #f3edfb;
  --acc: #ff5fd0;
  --brand: #a074e8;
}

html.day[data-skin="agency"],
html.day[data-skin="parlour"] {
  --eh-ground: #f6f1fb;
  --eh-ground-2: #f6f1fb;
  --eh-ground-3: #ffffff;
  --eh-ink: #241833;
  --eh-dim: #2e283c;
  --eh-card: #ffffff;
  --eh-edge: rgba(36, 24, 51, 0.16);
  --eh-line: rgba(36, 24, 51, 0.14);
  --bg: #f6f1fb;
  --ink: #241833;
}

@media (prefers-reduced-motion: reduce) {
  :root { --t-fast: 1ms; --t-panel: 1ms; }
}