/* ============================================================
   MONUMENT — Design Tokens
   Inkluderes via theme.liquid før alle andre stylesheets.
   Alle tokens bruger --mm-præfiks for at undgå kollision med Dawn.
   ============================================================ */

/* ── Fraunces variable font ─────────────────────────────── */
@font-face {
  font-family: 'Fraunces';
  src: url('fraunces-variable.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Fraunces';
  src: url('fraunces-italic-variable.ttf') format('truetype');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

/* ── Color tokens ───────────────────────────────────────── */
:root {
  --mm-navy:          #1B2838;
  --mm-navy-deep:     #152030;
  --mm-navy-elev:     #22324A;
  --mm-cream:         #EFEAE1;
  --mm-cream-2:       #E6DFD1;
  --mm-cream-dim:     #D9D1BD;
  --mm-paper:         #F7F2E8;
  --mm-rust:          #fb5200;
  --mm-rust-hover:    #d54600;
  --mm-rust-soft:     #fc7d40;
  --mm-ink:           #2A2018;
  --mm-ink-soft:      #4A3C2E;
  --mm-accent:        #C69C6D;
  --mm-accent-cool:   #7A8FA6;
  --mm-muted:         rgba(42, 32, 24, 0.62);
  --mm-muted-dark:    rgba(239, 234, 225, 0.62);
  --mm-line:          rgba(42, 32, 24, 0.12);
  --mm-line-dark:     rgba(239, 234, 225, 0.16);

  /* ── Typography tokens ────────────────────────────────── */
  --mm-serif: 'Fraunces', 'Playfair Display', Georgia, serif;
  --mm-sans:  'Geist', 'Inter', system-ui, sans-serif;
  --mm-mono:  'JetBrains Mono', ui-monospace, monospace;

  /* ── Type scale ───────────────────────────────────────── */
  --mm-display: clamp(56px, 8vw, 120px);
  --mm-h1:      56px;
  --mm-h2:      44px;
  --mm-h3:      32px;
  --mm-h4:      22px;
  --mm-body:    15px;
  --mm-small:   13px;
  --mm-mono-sm: 11px;

  /* ── Spacing ──────────────────────────────────────────── */
  --mm-gutter:         80px;
  --mm-gutter-mobile:  20px;
  --mm-section-pad:    96px;

  /* ── Transitions ──────────────────────────────────────── */
  --mm-t-fast: 120ms cubic-bezier(.4, 0, .2, 1);
  --mm-t-med:  240ms cubic-bezier(.4, 0, .2, 1);
}