/**
 * Design tokens — the single source of truth for the Salud visual system.
 * Derived from the Figma file (colors, typography, spacing, radii).
 */

:root {
  /* Brand palette */
  --salud-red: #e2231a;
  --salud-red-dark: #c11910;
  --salud-navy: #0b1d5b;
  --salud-navy-2: #16297f;
  --salud-blue: #1b4da6;
  --salud-whatsapp: #25d366;

  /* Neutrals */
  --salud-white: #ffffff;
  --salud-black: #111111;
  --salud-heading: #1a1a1a;
  --salud-text: #6c6c6c;         /* Text/Paragraph 2 from Figma */
  --salud-muted: #9a9a9a;
  --salud-line: #e6e6e6;
  --salud-pill-bg: #f1f1f1;
  --salud-surface: #f4f4f4;

  /* Typography (Figma tokens) */
  --font-body: "Figtree", system-ui, -apple-system, sans-serif;
  --font-heading: "Radio Canada Big", "Figtree", sans-serif;
  --font-ui: "Inter", system-ui, sans-serif;

  --fs-caption: 0.875rem;   /* 14px */
  --fs-small: 1rem;         /* 16px */
  --fs-body: 1.0625rem;     /* 17px */
  --fs-h4: 2.5rem;          /* 40px — Header 4 */
  --fs-h3: 1.75rem;
  --fs-h2: 2.25rem;
  --fs-h1: 3rem;

  --lh-tight: 1.1;
  --lh-normal: 1.5;

  /* Spacing scale */
  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2.5rem;
  --space-2xl: 4rem;
  --space-3xl: 6rem;

  /* Layout */
  --container: 1200px;
  --container-wide: 1440px;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 28px;
  --radius-pill: 999px;

  /* Effects */
  --shadow-button: 0 1px 2px rgba(0, 0, 0, 0.05);
  --shadow-card: 0 12px 40px rgba(0, 0, 0, 0.08);
  --transition: 200ms ease;
}