/* VEYRONÉ — design tokens. See DESIGN.md §10. */

:root {
  /* ---- Colour ---- */
  --paper: #F3EDE2;
  --limestone: #E7DECC;
  --sand: #D8C8AE;
  --espresso: #241C16;
  --wood: #3A2C22;
  --night: #16110E;
  --charcoal: #221B16;
  --ivory: #F3EDE2;
  --ivory-dim: #B4A891;
  --stone-dim: #877A67;
  --brass: #A9884E;
  --brass-light: #C9A87A;
  --burgundy: #5B2130;

  /* ---- Mode-relative (default: Ivory) ---- */
  --bg: var(--paper);
  --fg: var(--espresso);
  --fg-dim: var(--stone-dim);
  --line: var(--brass);
  --band: var(--limestone);

  /* ---- Type ---- */
  --font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
  --font-ui: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;

  --t-micro: 11px;
  --t-eyebrow: 12px;
  --t-meta: clamp(12px, 1vw, 13px);
  --t-body-sm: clamp(13px, 1.1vw, 14px);
  --t-body: clamp(15px, 1.2vw, 17px);
  --t-lead: clamp(19px, 2.4vw, 27px);
  --t-title-sm: clamp(24px, 4vw, 34px);
  --t-title: clamp(34px, 6vw, 60px);
  --t-display: clamp(52px, 9vw, 108px);
  --t-hero: clamp(64px, 17vw, 240px);

  --track-eyebrow: 0.16em;
  --track-meta: 0.12em;

  /* ---- Space ---- */
  --u: 4px;
  --section-pad: clamp(96px, 14vh, 200px);
  --wrap: 1320px;
  --wrap-pad: clamp(20px, 5vw, 72px);
  --gutter: clamp(16px, 2vw, 28px);

  /* ---- Line / radius ---- */
  --rule: rgba(169, 136, 78, 0.40);
  --rule-dashed: rgba(169, 136, 78, 0.35);
  --radius-pill: 9999px;

  /* ---- Motion ---- */
  --ease: cubic-bezier(0.2, 0.6, 0.1, 1);
  --reveal: 760ms;
  --underline: 220ms;
  --modal: 180ms;

  /* ---- Chrome ---- */
  --nav-h: 72px;
  --z-nav: 100;
  --z-edge: 90;
  --z-modal: 1000;
}

/* Night mode — applied to sections/footer that opt in */
.mode-night {
  --bg: var(--night);
  --fg: var(--ivory);
  --fg-dim: var(--ivory-dim);
  --line: var(--brass-light);
  --band: var(--charcoal);
  --rule: rgba(201, 168, 122, 0.36);
  --rule-dashed: rgba(201, 168, 122, 0.32);
  /* burgundy is the signature-dish accent; on the night ground the deep
     value collapses to ~1.5:1, so lift it to a legible rosewood (~4.6:1)
     that still reads as the same family */
  --burgundy: #B8666B;
}