/* variables.css — design tokens (single source of truth: colors, fonts, spacing, easing) */
/* Breakpoints used across the site: 560px, 760px, 768px, 820px, 860px */

/* ============================================================
   tokens — warm, gold-forward earthy palette
   (golden hour dominant; petrol/steel = cool counter-note)
   ============================================================ */
:root{
  --ink:#171309;        /* deep warm bronze-black (never pure black) */
  --ink-2:#1F190E;
  --ink-3:#271F12;
  --surface:#2C2415;
  --petrol:#16313A;     /* cool counter-note: nature ⇄ technology */
  --steel:#6F8A87;      /* hazed steel blue */
  --cyan-dust:#9FBEBD;  /* dusty cyan-blue (handle accent) */
  --gold:#DCA85C;       /* golden-hour highlight */
  --amber:#C5824A;      /* burnt amber — primary accent */
  --amber-soft:#D29A66;
  --bronze:#9C7B43;     /* faded bronze */
  --sand:#ECDCBE;       /* warm sand — light / text */
  --sand-dim:#CDB991;

  --bg:var(--ink);
  --fg:var(--sand);
  --muted:#A8967A;      /* warm muted text */
  --line:rgba(236,220,190,.15);
  --line-soft:rgba(236,220,190,.07);
  --warn:#d9694a;       /* form error / invalid field */

  --font:"N27", system-ui, sans-serif;          /* shorthand used by the sub-pages */
  --font-display:"N27", system-ui, sans-serif;
  --font-body:"N27", system-ui, sans-serif;
  --font-ui:"N27", system-ui, sans-serif;

  --ease:cubic-bezier(.22,.61,.36,1);
  --ease-out:cubic-bezier(.16,1,.3,1);
  --gutter:clamp(1.25rem, 5vw, 5rem);
  --maxw:1500px;
}