/* Tokens canónicos del portal interno, sincronizados con Workmed Design System 1.1. */
:root {
  /* Marca */
  --wm-azul: #535a75;
  --wm-azul-oscuro: #2d334e;
  --wm-rojo: #cc2d3b;
  --wm-rojo-700: #a6232e;
  --wm-gris: #e2e9ef;
  --wm-negro: #0a0e1a;

  /* Derivados semánticos */
  --bg: #fafbfd;
  --bg-soft: #e2e9ef;
  --bg-dark: #2d334e;
  --fg: #2d334e;
  --fg-muted: #535a75;
  --fg-soft: #6b7184; /* oscurecido desde #7a8197: ese valor no cumplía WCAG AA (4.5:1) en texto chico sobre fondo claro */
  --line: #d5dce5;
  --line-soft: #eaeef3;
  --accent: #cc2d3b;
  --accent-ink: #2d334e;

  /* Estados semánticos */
  --ok-fg: #1f8a5b;
  --ok-bg: rgba(31, 138, 91, 0.12);
  --warn-fg: #b57810;
  --warn-bg: rgba(217, 150, 30, 0.14);
  --alert-fg: #cc2d3b;
  --alert-bg: rgba(204, 45, 59, 0.11);
  --info-fg: #2d334e;
  --info-bg: rgba(45, 51, 78, 0.08);

  /* Tipografía */
  --font-sans: 'Poppins', system-ui, -apple-system, sans-serif;

  /* Radios */
  --r-xs: 4px;
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 18px;
  --r-xl: 26px;
  --r-pill: 999px;

  /* Sombras con tinta primaria */
  --shadow-sm: 0 1px 2px rgba(45, 51, 78, 0.05), 0 0 0 1px rgba(45, 51, 78, 0.04);
  --shadow-md: 0 4px 16px rgba(45, 51, 78, 0.08), 0 0 0 1px rgba(45, 51, 78, 0.04);
  --shadow-lg: 0 18px 40px -12px rgba(45, 51, 78, 0.18), 0 0 0 1px rgba(45, 51, 78, 0.05);

  /* Escala interna */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 32px;
  --space-8: 40px;
  --control-h-sm: 36px;
  --control-h-md: 42px;
  --control-h-lg: 48px;
  --internal-page-gutter-inline: clamp(16px, 3vw, 56px);
  --internal-page-gutter-top: clamp(28px, 2.2vw, 42px);
  --internal-page-gutter-bottom: clamp(40px, 4vw, 64px);
  --internal-page-section-gap: clamp(16px, 1.4vw, 24px);
  --internal-content-max: none;
}