/* Design tokens: single source of truth for the AAPI Legacy Project theme.
   Register: cinematic archive. One dark theme, one red accent. */

:root {
  /* Surfaces */
  --night: #0b0908;
  --black: #070605;
  --coal: #14110f;
  --coal-2: #1c1815;

  /* Text */
  --paper: #f3ecdc;
  --paper-2: #cdc2ab;
  --paper-3: #9d9078;
  --ink: #f3ecdc;
  --muted: #9d9078;
  --muted-light: #cdc2ab;
  /* Text placed on top of solid red fills (buttons, markers, selection). */
  --on-red: #ffffff;
  /* Form validation errors: a readable warm tint, not a second accent. */
  --error: #ffb0a8;

  /* Accent: signal red carries the "red thread" motif. Support tones stay quiet. */
  --red: #e0382e;
  --red-bright: #ff5147;
  --red-deep: #8f201a;
  --blue: #8ba7ae;
  --gold: #c19a58;

  /* Lines and depth */
  --hairline: rgba(243, 236, 220, 0.14);
  --hairline-strong: rgba(243, 236, 220, 0.3);
  --ink-line: rgba(243, 236, 220, 0.16);
  --shadow: 0 26px 70px rgba(0, 0, 0, 0.5);

  /* Layout */
  --content: 1240px;
  --radius: 2px;
  /* Desktop homepage pager: nudge each chapter frame slightly above center. */
  --chapter-scroll-lift: 6.5rem;

  /* Homepage projector opening (~4s total on desktop). */
  --hero-open-hold: 500ms;
  --hero-open-letterbox: 1500ms;
  --hero-open-letterbox-height: 50svh;
  --hero-open-flicker: 1800ms;
  --hero-open-content-delay: 1800ms;

  /* Type system: Spectral for display, Archivo for body and UI,
     IBM Plex Mono for slates and metadata. */
  --font-display: "Spectral", Georgia, "Times New Roman", serif;
  --font-sans: "Archivo", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;
  --sans: var(--font-sans);

  /* z-index scale */
  --z-beam: 30;
  --z-rail: 40;
  --z-header: 50;
  --z-grain: 60;
  --z-skip: 100;
}