/* Kelanisa Jenner — colour system.
   Two families of surface live in the brand:
   · NIGHT (default) — the futuristic pixel-art night used by the landing page,
     the excerpt reader and the portfolio deck. Near-black blue-black, cyan signal,
     coral alarm.
   · VN THEMES — the six paper-and-ink palettes the visual-novel demo player ships
     with. They live in tokens/vn-themes.css as scoped overrides. */

:root {
  /* ---- Night base ramp (darkest → lightest) ---- */
  --night-000: #04060b; /* landing / reader page ground */
  --night-050: #050a11; /* deck stage, slide letterbox */
  --night-100: #050b13; /* presentation app ground */
  --night-200: #07111d; /* browser theme-color */
  --night-300: #081421; /* dialog / modal body */
  --night-400: #0a1623; /* solid panel */
  --night-500: #0f1f2e; /* raised control */
  --night-600: #162d40; /* control hover */

  /* ---- Ink (text) ramp ---- */
  --ink-000: #ffffff;
  --ink-100: #eaf6ff; /* display headings */
  --ink-200: #edf4f8; /* deck body text */
  --ink-300: #dff2fa; /* emphasised label */
  --ink-400: #cfe6f2; /* reading body */
  --ink-500: #92a8b7; /* deck muted */
  --ink-600: #7ea8bd; /* landing subtitle */
  --ink-700: #728b9b; /* hint line */
  --ink-800: #4d7688; /* corner marks, dimmest */

  /* ---- Signal: cyan ---- */
  --cyan-100: #bfe6f2;
  --cyan-300: #8fd8ef; /* deck --cyan */
  --cyan-500: #7ef0ff; /* primary brand signal */
  --cyan-line: rgba(126, 240, 255, 0.32);
  --cyan-line-soft: rgba(126, 240, 255, 0.2);
  --cyan-line-faint: rgba(126, 240, 255, 0.14);
  --cyan-glow: rgba(126, 240, 255, 0.35);
  --cyan-deck-line: rgba(132, 203, 233, 0.23);

  /* ---- Alarm: coral ---- */
  --coral-100: #ffd9d2;
  --coral-200: #fff0ec;
  --coral-400: #ff675b; /* deck --coral */
  --coral-500: #ff5a48; /* landing accent, link hover */
  --coral-600: #7a3b34; /* dormant / dimmed coral */
  --coral-line: rgba(255, 90, 72, 0.7);
  --coral-line-soft: rgba(255, 103, 91, 0.58);
  --coral-glow: rgba(255, 90, 72, 0.22);

  /* ---- Semantic / danger ---- */
  --danger-500: #ff2b3a; /* 18+ badge */
  --danger-on: #08060a;

  /* ---- Project accents (one per book / product line) ---- */
  --accent-sokol: #7ef0ff; /* Сокол и Ворон — криминальная сага */
  --accent-pogost: #c9d94a; /* Погост — постапокалипсис */
  --accent-khraniteli: #6f8cff; /* Хранители — мистика */
  --accent-geroy: #ffb454; /* Я — Герой! — LitRPG */

  /* ---- Deck section accents (slide rail / card top-bars) ---- */
  --deck-blue: #4f8fd6;
  --deck-coral: #ff675b;
  --deck-cream: #f2ded4;
  --deck-mint: #7fd8bc;

  /* ---- Semantic aliases: use these in components ---- */
  --surface-page: var(--night-000);
  --surface-app: var(--night-100);
  --surface-panel: rgba(10, 22, 35, 0.88);
  --surface-panel-solid: var(--night-400);
  --surface-card: rgba(8, 20, 28, 0.55);
  --surface-card-hover: rgba(10, 16, 22, 0.65);
  --surface-reader: rgba(8, 16, 24, 0.55);
  --surface-control: rgba(15, 31, 46, 0.72);
  --surface-control-hover: rgba(22, 45, 64, 0.9);
  --surface-dialog: var(--night-300);
  --surface-scrim: rgba(1, 5, 9, 0.78);

  --text-display: var(--ink-100);
  --text-body: var(--ink-400);
  --text-deck: var(--ink-200);
  --text-label: var(--ink-600);
  --text-muted: var(--ink-500);
  --text-faint: var(--ink-800);
  --text-on-accent: var(--night-000);

  --border-default: var(--cyan-line-soft);
  --border-strong: var(--cyan-line);
  --border-faint: var(--cyan-line-faint);
  --border-deck: var(--cyan-deck-line);
  --border-hot: var(--coral-line);

  --accent-primary: var(--cyan-500);
  --accent-secondary: var(--coral-500);

  --link: var(--cyan-500);
  --link-hover: var(--coral-500);
}