:root {
  /* ========================================================
     PALETA DE COLOR MÉDICA CONTEMPORÁNEA - VENESANA
     Neutros luminosos, blanco hueso/greige y verde salvia sobrio
     ======================================================== */
  
  /* Verde Salvia (Marca & Salud) */
  --color-primary: #2b5e4c;
  --color-primary-hover: #224c3d;
  --color-primary-dark: #19382d;
  --color-primary-light: #427c67;
  --color-primary-subtle: #ebf3ef;
  --color-primary-soft: #d8e8e0;
  --color-primary-glow: rgba(43, 94, 76, 0.15);

  /* Identidad Gráfica VENESANA (Bicolor: VENE / SANA) */
  --color-brand-vene: #16382b;
  --color-brand-sana: #1ea368;
  --color-brand-sana-light: #34d399;

  /* Acento Tecnológico / Diagnóstico */
  --color-accent-gold: #b38b36;
  --color-accent-gold-soft: #fcf6e8;
  --color-accent-blue: #235882;
  --color-accent-blue-soft: #eaf2f8;

  /* Neutros Luminosos, Blanco Hueso & Greige */
  --color-bg: #faf9f6;
  --color-bg-alt: #f3f1eb;
  --color-bg-card: #ffffff;
  --color-surface: #ffffff;
  --color-surface-hover: #f9f8f4;
  --color-border: #e3dfd5;
  --color-border-light: #edeae3;
  --color-border-focus: #2b5e4c;

  /* Tipografía y Textos */
  --color-text-main: #192520;
  --color-text-secondary: #47564e;
  --color-text-muted: #6f7f76;
  --color-text-inverse: #ffffff;

  /* Estados y Badges */
  --color-success: #237844;
  --color-success-bg: #e6f7ee;
  --color-badge-dental: #e9f3fb;
  --color-badge-dental-text: #1d5f8a;
  --color-badge-gyn: #fbeeeb;
  --color-badge-gyn-text: #963535;
  --color-badge-clinical: #eaf4ee;
  --color-badge-clinical-text: #216345;
  --color-badge-talk: #f5eff9;
  --color-badge-talk-text: #693282;

  /* Tipografías */
  --font-family-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-family-display: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

  /* Sombras y Elevaciones */
  --shadow-xs: 0 1px 2px rgba(25, 37, 32, 0.04);
  --shadow-sm: 0 2px 8px rgba(25, 37, 32, 0.05);
  --shadow-md: 0 8px 24px rgba(25, 37, 32, 0.07);
  --shadow-lg: 0 16px 36px rgba(25, 37, 32, 0.09);
  --shadow-xl: 0 24px 48px rgba(25, 37, 32, 0.12);
  --shadow-inner: inset 0 2px 4px rgba(0, 0, 0, 0.04);

  /* Radios de Borde */
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-pill: 9999px;

  /* Espaciados */
  --spacing-container: 1200px;
  --spacing-header-height: 76px;
  --transition-fast: 0.18s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-normal: 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-slow: 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}