/* Design tokens: Miguel Pagan résumé site ("The Building"). One warm palette, no dark mode. */
:root {
  --paper: #F4EFE6;
  --linen: #E9E2D6;
  --paper-2: #EDE6DA;
  --ink: #1F1D1A;
  --ink-2: #5B5650;
  --ink-3: #8A847B;
  --brass: #B08D57;
  --brass-2: #D4B57E;
  --copper: #B4683C;
  --green: #2F4A3E;
  --burgundy: #5E2A2E;
  --rule: rgba(31, 29, 26, 0.14);
  --rule-strong: rgba(31, 29, 26, 0.32);
  --brass-glow: rgba(176, 141, 87, 0.18);

  --font-display: "Besley", "Clarendon", "Rockwell", Georgia, serif;
  --font-text: "Karla", "Helvetica Neue", Arial, system-ui, sans-serif;
  --font-mono: "Martian Mono", ui-monospace, Menlo, monospace;

  --step--1: clamp(0.83rem, 0.8rem + 0.15vw, 0.9rem);
  --step-0: clamp(1rem, 0.95rem + 0.25vw, 1.125rem);
  --step-1: clamp(1.25rem, 1.1rem + 0.6vw, 1.5rem);
  --step-2: clamp(1.6rem, 1.3rem + 1.2vw, 2.25rem);
  --step-3: clamp(2.2rem, 1.6rem + 2.4vw, 3.5rem);
  --step-4: clamp(3rem, 1.8rem + 5vw, 6.5rem);
  --step-5: clamp(3.6rem, 1.6rem + 9vw, 10rem);

  --measure: 62ch;
  --gutter: clamp(1.25rem, 4vw, 3.5rem);
  --section-pad: clamp(4rem, 10vh, 9rem);
  --radius: 4px;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --shadow-card: 0 1px 2px rgba(31,29,26,.06), 0 12px 32px -12px rgba(31,29,26,.25);
}