/* ──────────────────────────────────────────────────────────────
   Auverre — brand tokens
   Everything you need to rebrand this template lives in this file.
   Edit the values below; do not edit the inline <style> in the pages
   unless you want to change layout rather than brand.
   ────────────────────────────────────────────────────────────── */
:root{
  /* ── palette ──────────────────────────────────────────────── */
  --ink:#0B0B0C;         /* obsidian — page background            */
  --ink-2:#141416;       /* graphite — bands, cards, drawer       */
  --ink-3:#1E1E21;       /* raised surfaces                       */
  --ivory:#F4F1EC;       /* primary text on dark / light sections */
  --ivory-2:#E8E3DA;     /* dimmed ivory, light-section surfaces  */
  --gold:#C6A66B;        /* champagne accent — large fills / UI   */
  --gold-aa:#77683F;     /* AA-safe gold for small text on ivory  */
  --gold-lift:#E0C68F;   /* hover / focus-ring gold               */
  --mute:#6E6E73;        /* secondary text on light               */
  --mute-dk:#8E8E96;     /* secondary text on dark                */
  --line:rgba(198,166,107,.28);  /* gold hairline (on dark)       */
  --line-lt:rgba(11,11,12,.12);  /* ink hairline (on light)       */

  /* ── typography ───────────────────────────────────────────── */
  --font-display:'Cormorant Garamond',Georgia,serif;  /* headings  */
  --font-body:'Inter',system-ui,-apple-system,sans-serif;

  /* modular scale (1.25) — 11 sizes total */
  --t-xs:11px; --t-sm:13px; --t-cap:14px; --t-base:16px; --t-lg:18px;
  --t-xl:22px; --t-2xl:28px; --t-3xl:36px; --t-4xl:46px; --t-5xl:62px; --t-6xl:88px;

  /* ── layout ───────────────────────────────────────────────── */
  --gut:60px;    /* page gutter  */
  --maxw:1240px; /* content axis */
  --sp:120px;    /* section rhythm */
  --radius:0px;  /* the house has square corners — raise to soften */
}
@media (max-width:1080px){ :root{ --gut:28px; --sp:88px; } }
@media (max-width:560px){  :root{ --gut:18px; --sp:64px; } }