:root {
  /* ── Cores ── */
  --kairos-blue:       #4A8FFF;
  --kairos-blue-dim:   rgba(74, 143, 255, 0.12);
  --kairos-blue-glow:  rgba(74, 143, 255, 0.06);
  --ivory:             #F0EDE8;
  --ivory-60:          rgba(240, 237, 232, 0.60);
  --ivory-25:          rgba(240, 237, 232, 0.25);
  --void-black:        #08080A;
  --ink-surface:       #16161B;
  --deep-slate:        #1E1E25;
  --rule:              rgba(255, 255, 255, 0.06);
  --rule-2:            rgba(255, 255, 255, 0.10);

  /* ── Tipografia ── */
  --font-display: 'Syne', sans-serif;
  --font-body:    'DM Sans', sans-serif;
  --font-mono:    'JetBrains Mono', monospace;

  /* ── Escala tipográfica ── */
  --text-hero:    clamp(40px, 6vw, 72px);
  --text-h1:      clamp(28px, 4vw, 48px);
  --text-h2:      clamp(20px, 3vw, 32px);
  --text-h3:      18px;
  --text-body:    15px;
  --text-small:   13px;
  --text-label:   11px;

  /* ── Espaçamento (base 8px) ── */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  24px;
  --space-8:  32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;

  /* ── Border radius ── */
  --radius-sm:   9px;
  --radius-md:   14px;
  --radius-lg:   20px;
  --radius-full: 999px;

  /* ── Sombras ── */
  --shadow-sm:   0 1px 3px rgba(0,0,0,0.25);
  --shadow-md:   0 4px 16px rgba(0,0,0,0.35);
  --shadow-blue: 0 0 24px rgba(74,143,255,0.15);

  /* ── Transições ── */
  --ease:     cubic-bezier(0.4, 0, 0.2, 1);
  --duration: 150ms;
}