/* ==========================================================================
   Design tokens
   Every colour, type step, rhythm value and easing lives here.
   Rebrand the site by editing this file alone.
   ========================================================================== */

:root {
  /* ---- Colour ------------------------------------------------------ */
  --paper: #f3f0ed;
  --paper-warm: #ebe6e0;
  --veil: #fbfaf8;
  --ink: #181615;
  --ink-soft: #554e49;
  --ink-faint: #8d847d;
  --clay: #a0653d;
  --clay-deep: #7c4a2a;
  --line: rgba(24, 22, 21, 0.14);
  --line-soft: rgba(24, 22, 21, 0.07);

  /* Gold. Two values, because one cannot serve both grounds: --gold reads
     5.46:1 on --paper and carries --veil at 5.94:1 when used as a fill,
     while --gold-lit reads 7.46:1 on --ink. Swapped, each falls under 2.5:1
     and stops being text. Mirrored in src/styles/global.css for the routes
     that run on Tailwind instead of these stylesheets. */
  --gold: #7a5c28;
  --gold-deep: #5f4720;
  --gold-lit: #c9a227;
  --line-gold: rgba(122, 92, 40, 0.3);
  --line-gold-soft: rgba(122, 92, 40, 0.16);
  --line-gold-lit: rgba(201, 162, 39, 0.24);

  /* Polished gold, lit from above: a specular highlight near the top, the
     shadowed core where the rim turns away, and a second catch-light where
     it turns back under. Flat gold reads as paint — the banding is the only
     thing that reads as metal. */
  --gold-metal: linear-gradient(
      180deg,
      #e9cd84 0%,
      #fbf0c8 9%,
      #d9b45b 20%,
      #a8822c 38%,
      #7a5c28 50%,
      #9c7a28 62%,
      #e0bf63 78%,
      #fbf0c8 90%,
      #a8822c 100%
    );

  /* ---- Type families ----------------------------------------------- */
  --font-display: "Newsreader", Georgia, "Times New Roman", serif;
  --font-sans: "Instrument Sans", -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  /* ---- Type scale (fluid) ------------------------------------------ */
  --text-xs: clamp(0.625rem, 0.6rem + 0.12vw, 0.72rem);
  --text-sm: clamp(0.75rem, 0.72rem + 0.15vw, 0.85rem);
  --text-base: clamp(1rem, 0.94rem + 0.28vw, 1.18rem);
  --text-lead: clamp(1.15rem, 1rem + 0.72vw, 1.75rem);
  --text-quote: clamp(1.7rem, 1.1rem + 2.6vw, 3.6rem);
  --text-display: clamp(2.6rem, 1rem + 6.4vw, 7.5rem);
  --text-display-sm: clamp(2rem, 0.9rem + 4.4vw, 5rem);

  /* ---- Rhythm ------------------------------------------------------ */
  --gutter: clamp(1.25rem, 0.6rem + 2.8vw, 4.5rem);
  --section: clamp(6rem, 3.5rem + 11vw, 17rem);
  --section-tight: clamp(3.5rem, 2rem + 6vw, 9rem);
  --measure: 62ch;
  --max: 96rem;

  /* ---- Motion ------------------------------------------------------ */
  --dur-fast: 220ms;
  --dur: 620ms;
  --dur-slow: 1150ms;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.76, 0, 0.24, 1);

  /* ---- Chrome ------------------------------------------------------ */
  --header-h: clamp(3.75rem, 3rem + 2vw, 5.25rem);
  --z-header: 60;
  --z-menu: 80;
  --z-loader: 100;

  color-scheme: light;
}