/* ITCSS: settings — design tokens */
:root {
  --color-gold: #e8a317;
  --color-gold-bright: #f5c542;
  --color-gold-deep: #c47800;
  --color-ink: #1a1208;
  --color-ink-soft: #3d3428;
  --color-muted: #6b5e4e;
  --color-white: #ffffff;
  --color-cream: #fffbf3;
  --color-tint: #fff3d6;
  --color-band: #f7edd4;
  --color-line: #e0d0a8;
  --color-ok: #1f7a3a;
  --color-warn: #8a4b00;

  --font-display: "Trebuchet MS", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --font-body: "Segoe UI", "Helvetica Neue", Arial, sans-serif;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4.5rem;

  --radius-none: 0;
  --radius-pill: 999px;
  --max-w: 1120px;
  --header-h: 4.25rem;
  --age-h: 2.5rem;

  --shadow-card: 0 10px 28px rgba(26, 18, 8, 0.08);
  --frame: 3px double var(--color-ink);
}