/*
 * CineFrames brand tokens.
 *
 * This is the single source of truth for the CineFrames visual identity on the
 * landing site. It is intentionally small and self-contained so it can be
 * MIRRORED into the gallery app (gallery.cineframes.com) as one file, keeping
 * both surfaces on the same palette and type without sharing a build.
 *
 * Palette is drawn from the subject: an aged Union Jack (bone / oxblood /
 * admiralty navy), a dark gallery wall, and a brass plaque plate.
 */

:root {
  /* ---- colour ---- */
  --ink: #0c0d10;        /* gallery-wall near-black (canvas) */
  --ink-raise: #14161b;  /* raised panels, cards */
  --ink-sunk: #08090b;    /* recesses, footer */
  --bone: #ece7db;       /* aged flag-white / plaque paper (primary text) */
  --bone-soft: #b9b3a6;  /* secondary text */
  --bone-faint: #7c776c; /* tertiary / captions */
  --oxblood: #8e2c34;    /* aged flag red: the single restrained accent */
  --oxblood-lift: #a8353f;
  --admiralty: #24374f;  /* faded flag navy: cool depth */
  --brass: #b08d57;      /* warm plate hairline + catalogue voice */
  --brass-soft: #6f5c3d;

  --hairline: rgba(176, 141, 87, 0.28); /* brass at low alpha, for rules */
  --line-faint: rgba(236, 231, 219, 0.1);

  /* ---- type ---- */
  /* Display: swap --font-display for a licensed face later; system serif now
     so the fallback page paints with no webfont request. */
  --font-display: 'Iowan Old Style', 'Palatino Linotype', Palatino,
    'Book Antiqua', Georgia, 'Times New Roman', serif;
  --font-body: system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial,
    sans-serif;
  /* Mono is the catalogue voice: frame counts, productions, dimensions. */
  --font-mono: 'SF Mono', 'JetBrains Mono', ui-monospace, 'Cascadia Code',
    Menlo, Consolas, monospace;

  /* ---- fluid type scale ---- */
  --step--1: clamp(0.78rem, 0.74rem + 0.2vw, 0.86rem);
  --step-0: clamp(0.95rem, 0.9rem + 0.25vw, 1.05rem);
  --step-1: clamp(1.15rem, 1.05rem + 0.5vw, 1.4rem);
  --step-2: clamp(1.5rem, 1.3rem + 1vw, 2.1rem);
  --step-3: clamp(2.1rem, 1.6rem + 2.4vw, 3.4rem);
  --step-4: clamp(2.8rem, 1.9rem + 4.6vw, 5.75rem);

  /* ---- spacing / rhythm ---- */
  --space-1: 0.5rem;
  --space-2: 0.85rem;
  --space-3: 1.35rem;
  --space-4: 2.15rem;
  --space-5: 3.5rem;
  --space-6: 5.5rem;
  --measure: 62ch;

  --edge: clamp(1.25rem, 5vw, 5rem); /* page side gutter */
  --radius: 4px;                      /* gallery framing is square; keep it tight */
  --frame: 10px;                      /* picture mat thickness */
}