/* SETTINGS — tokens */
:root {
  --ink: #1a1c1f;
  --charcoal: #2a2d34;
  --muted: #5c6370;
  --line: #c8ced8;
  --fog: #e8edf2;
  --porcelain: #f5f6f8;
  --white: #ffffff;
  --accent: #e8a03a;
  --accent-soft: #f7e4c4;
  --accent-ink: #7a4e0f;

  --font: "DM Sans", "Segoe UI", 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: 1rem;
  --radius-sm: 0.625rem;
  --max: 72rem;
  --rail: 14rem;
  --age-h: 2.5rem;

  --shadow-one: 0 10px 28px rgba(26, 28, 31, 0.08);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --motion: 0;
  }
}