/* ==========================================================================
   tokens.css — the ONLY place for brand values (colours, fonts, spacing).
   main.css references these variables and never hard-codes colour values.
   Design v2 (2026-10-08): dark cinematic. Near-black ground, warm ivory type,
   bronze reserved for hairlines, numerals, the logo and hover states.
   ========================================================================== */

/* Self-hosted variable fonts (SIL OFL 1.1 — licences in /assets/fonts/). No CDN. */
@font-face {
  font-family: "Cormorant Garamond";
  src: url("/assets/fonts/CormorantGaramond.woff2") format("woff2");
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
}
@font-face {
  font-family: "Cormorant Garamond";
  src: url("/assets/fonts/CormorantGaramond-Italic.woff2") format("woff2");
  font-style: italic;
  font-weight: 300 700;
  font-display: swap;
}
@font-face {
  font-family: "Jost";
  src: url("/assets/fonts/Jost.woff2") format("woff2");
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
}

:root {
  color-scheme: dark;

  /* Ground */
  --bg: #0B0B0A;
  --bg-2: #131210;
  --bg-3: #1C1A16;

  /* Type */
  --ink: #F1ECE3;
  --ink-2: rgba(241, 236, 227, 0.72);
  --ink-3: rgba(241, 236, 227, 0.46);

  /* Lines */
  --line: rgba(241, 236, 227, 0.14);
  --line-strong: rgba(241, 236, 227, 0.32);

  /* Bronze — logo, hairlines, numerals, underlines, hover. Never a surface. */
  --bronze: #B08D57;
  --bronze-text: #CDAA73;   /* 8.7:1 on --bg, safe for small text */

  /* Overlays and fades (all derived from --bg) */
  --hero-fade: linear-gradient(to bottom, rgba(11, 11, 10, 0.42) 0%, rgba(11, 11, 10, 0.10) 32%, rgba(11, 11, 10, 0.66) 70%, #0B0B0A 100%);
  --band-fade: linear-gradient(rgba(11, 11, 10, 0.70), rgba(11, 11, 10, 0.70));
  --header-fade: linear-gradient(to bottom, rgba(11, 11, 10, 0.62), rgba(11, 11, 10, 0));
  --bg-glass: rgba(11, 11, 10, 0.84);
  --bg-overlay: rgba(11, 11, 10, 0.97);
  --bg-tag: rgba(11, 11, 10, 0.62);
  --cue-line: linear-gradient(#B08D57, rgba(176, 141, 87, 0));

  /* Typography */
  --font-display: "Cormorant Garamond", "Cormorant", Georgia, "Times New Roman", serif;
  --font-sans: "Jost", "Futura", "Segoe UI", system-ui, sans-serif;
  --fs-display: clamp(3.25rem, 2rem + 6.5vw, 7.75rem);
  --fs-h1-page: clamp(2.75rem, 2rem + 4.5vw, 5.5rem);
  --fs-h2: clamp(2.25rem, 1.6rem + 2.8vw, 4.25rem);
  --fs-h3: clamp(1.6rem, 1.3rem + 1vw, 2.25rem);
  --fs-statement: clamp(1.75rem, 1.3rem + 2vw, 3rem);
  --fs-body: 1.0625rem;
  --fs-label: 0.72rem;

  /* Rhythm */
  --gutter: clamp(1.25rem, 5vw, 5rem);
  --section: clamp(5rem, 12vw, 11rem);
  --max: 1440px;
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
}