:root {
  --font-body: Inter, Manrope, "Avenir Next", Avenir, "Segoe UI", Helvetica, Arial, sans-serif;
  --font-accent: "Segoe Print", "Bradley Hand", "Comic Sans MS", cursive;

  --color-indigo-bolt: #4570ff;
  --color-ember-orange: #ff6808;
  --color-lime-highlighter: #c6ff94;
  --color-lavender-mist: #ebdcff;
  --color-ice-blue: #d6e0ff;
  --color-lilac-bloom: #c293f1;
  --color-deep-navy: #193f78;
  --color-forest-sage: #244f47;
  --color-warm-bone: #f1f0ec;
  --color-paper-white: #ffffff;
  --color-ink-black: #000000;
  --color-hairline: #e5e7eb;
  --color-stone: #d1d5db;
  --color-smoke: #6e6d6c;
  --color-graphite: #555555;

  --color-ink: var(--color-ink-black);
  --color-background: var(--color-paper-white);
  --color-focus: var(--color-ember-orange);

  --radius-icon: 8px;
  --radius-control: 12px;
  --radius-nav: 16px;
  --radius-card: 20px;
  --radius-hero: 40px;
  --radius-pill: 9999px;

  --space-section: clamp(4rem, 8vw, 7.5rem);
  --page-gutter: clamp(1rem, 3.5vw, 2.5rem);
  --page-max: 1200px;
}