/* static/css/tokens.css */
:root {
  /* Colores Corporativos Omnisalud */
  --omni-azul-primary: #2680C2;
  --omni-azul-dark: #004b81; /* Azul más profundo para match con imagen */
  --omni-azul-deep: #005596; /* Fondo principal de la imagen */
  --omni-azul-light: #E1F0FA;
  --omni-rosa-accent: #E91E63;
  --omni-naranja-accent: #FF9800;
  --omni-verde-success: #4CAF50;
  
  /* Neutrales y Fondo */
  --blanco: #FFFFFF;
  --omni-bg-blue: var(--omni-azul-deep); /* Fondo profundo institucional */
  --gris-claro: #F8F9FA;
  --gris-medio: #DEE2E6;
  --gris-texto: #6C757D;
  --negro-texto: #212529;
  
  /* Tipografía */
  --font-primary: 'Calibri', 'Carlito', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-size-base: 16px;
  --font-size-h1: 22px;
  --font-size-h2: 18px;
  --font-size-small: 14px;
  
  /* Espaciados */
  --spacing-xs: 8px;
  --spacing-sm: 16px;
  --spacing-md: 24px;
  --spacing-lg: 32px;
  --spacing-xl: 48px;
  
  /* Bordes (Estilo Material) */
  --border-radius: 12px;
  --border-radius-lg: 20px;
  
  /* Sombras (Material Depth - Suaves) */
  --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 15px 35px rgba(0, 0, 0, 0.15);
}