:root {
  color-scheme: light;

  /* Rangi */
  --color-bg: #F8FAFC;
  --color-surface: #FFFFFF;
  --color-text: #0F172A;
  --color-text-muted: #64748B;
  --color-border: #E2E8F0;
  --color-accent: #2563EB;
  --color-accent-hover: #1D4ED8;
  --color-accent-soft: rgba(37, 99, 235, 0.15);
  --color-accent-contrast: #FFFFFF;
  --color-deal: #059669;

  /* Nafasi */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;

  /* Maumbo na vivuli */
  --radius-md: 0.75rem;
  --radius-pill: 999px;
  --shadow-float: 0 8px 24px rgba(15, 23, 42, 0.14);

  /* Typography */
  --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  /* Vipimo vya shell */
  --content-w: 40rem;
  --header-h: 3.5rem;
  --nav-h: 4rem;
  --z-header: 100;
  --z-nav: 110;
}