/* ==========================================================================
   Design Tokens — CSS Custom Properties
   Dra. Carla Kurcrevski — Endocrinologia Pediatrica
   ========================================================================== */

:root {
  /* ---- Colors ---- */
  --color-white: #FFFFFF;
  --color-black: #414140;
  --color-lilas: #BFB0EB;
  --color-rosa: #EFDAE3;
  --color-verde: #C2E4CB;
  --color-amarelo: #FFDD88;
  --color-bege: #F6EEE1;
  --color-azul: #D4E2F3;
  --color-laranja: #ED855E;

  /* ---- Typography — Font Families ---- */
  --font-display: 'F37 Kookie', Georgia, serif;
  --font-body: 'Gotham', 'Inter', system-ui, sans-serif;

  /* ---- Font Weights ---- */
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;

  /* ---- Font Sizes ---- */
  --fs-xs: 12px;
  --fs-sm: 14px;
  --fs-base: 16px;
  --fs-lg: 24px;
  --fs-xl: 32px;
  --fs-2xl: 36px;
  --fs-3xl: 48px;
  --fs-hero: 128px;

  /* ---- Line Heights ---- */
  --lh-tight: 1.2;
  --lh-base: 1.33;
  --lh-relaxed: 1.5;

  /* ---- Spacing ---- */
  --space-xs: 8px;
  --space-sm: 16px;
  --space-md: 24px;
  --space-lg: 32px;
  --space-xl: 48px;
  --space-2xl: 60px;

  /* ---- Border Radius ---- */
  --radius-sm: 10px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-button: 11px;
  --radius-round: 200px;

  /* ---- Container ---- */
  --container-max: 1280px;
  --container-padding: 24px;

  /* ---- Shadows ---- */
  --shadow-card: 0px 2px 4px rgba(0, 0, 0, 0.02);
}