/* MPS v4.2 design tokens
   Fluid type scale: 1.25 ratio at the mobile end, graduating to 1.333
   at desktop. All spatial tokens resolve to an 8px baseline rhythm. */
:root {
  --mps-charcoal: #171a1d;
  --mps-gold: #c8a96a;
  --mps-gold-deep: #a9893f;
  --mps-cream: #f4f0e6;
  --mps-paper: #faf8f2;
  --mps-white: #fff;
  --mps-ink: #171a1d;
  --mps-ink-70: rgb(23 26 29 / 72%);
  --mps-cream-82: rgb(244 240 230 / 82%);

  --display: "Fraunces", Georgia, serif;
  --body: "Inter", system-ui, sans-serif;
  --mono: "JetBrains Mono", Consolas, monospace;

  --type--1: clamp(.8rem, .77rem + .12vw, .875rem);
  --type-0: clamp(1rem, .96rem + .18vw, 1.063rem);
  --type-1: clamp(1.25rem, 1.18rem + .32vw, 1.417rem);
  --type-2: clamp(1.563rem, 1.43rem + .6vw, 1.889rem);
  --type-3: clamp(1.953rem, 1.7rem + 1.1vw, 2.519rem);
  --type-4: clamp(2.441rem, 2.03rem + 1.8vw, 3.358rem);
  --type-5: clamp(3.052rem, 2.4rem + 2.9vw, 4.476rem);
  --type-6: clamp(3.815rem, 2.9rem + 4.2vw, 5.963rem);

  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 40px;
  --space-6: 48px;
  --space-8: 64px;
  --space-10: 80px;
  --space-12: 96px;
  --space-16: 128px;

  --ease: cubic-bezier(.2, .7, .2, 1);
  --header: 80px;
  --max: 1320px;
  --gutter: clamp(20px, 4vw, 60px);

  /* Backwards-compatible aliases used by the frozen v4 component layer. */
  --charcoal: var(--mps-charcoal);
  --gold: var(--mps-gold);
  --gold-deep: var(--mps-gold-deep);
  --cream: var(--mps-cream);
  --paper: var(--mps-paper);
  --white: var(--mps-white);
  --ink: var(--mps-ink);
  --muted: #64625d;
  --stone: #ddd7ca;
}