/* Sehat Saga design tokens — source of truth for brand colors, type, and spacing. */
:root {
  /* Brand palette, extracted from /assets/logo.png */
  --color-brand-blue: #0B5FF3;   /* icon, links, primary actions */
  --color-ink: #07234C;          /* headings, "Sehat" wordmark, primary text */
  --color-slate: #5A708B;        /* "Saga" wordmark, secondary text */

  --color-brand-blue-hover: #0A52D1;
  --color-bg: #FFFFFF;
  --color-bg-muted: #F5F8FC;
  --color-border: #E3E9F1;

  /* Type */
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.25rem;
  --text-xl: clamp(1.75rem, 4vw, 2.5rem);
  --text-2xl: clamp(2.25rem, 6vw, 3.5rem);

  /* Spacing scale (4px base) */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;

  --radius: 0.5rem;
}