:root {
  /* Fondos */
  --bg-base:       #FAFAFA;
  --bg-surface:    #FFFFFF;
  --bg-elevated:   #F4F6F9;

  /* Semáforo */
  --sem-verde:     #16A34A;
  --sem-verde-bg:  #DCFCE7;
  --sem-amarillo:  #D97706;
  --sem-amarillo-bg: #FEF3C7;
  --sem-rojo:      #DC2626;
  --sem-rojo-bg:   #FEE2E2;

  /* Marca */
  --color-primary:   #1E3A5F;
  --color-accent:    #2563EB;
  --color-accent-hover: #1D4ED8;

  /* Texto */
  --text-primary:    #0F172A;
  --text-secondary:  #475569;
  --text-tertiary:   #94A3B8;
  --text-legal:      #1E293B;

  /* Bordes */
  --border:          #E2E8F0;
  --border-strong:   #CBD5E1;

  /* Radios */
  --radius-sm:  4px;
  --radius-md:  8px;
  --radius-lg:  12px;
  --radius-xl:  16px;

  /* Fuentes */
  --font-ui:     'Inter', system-ui, sans-serif;
  --font-legal:  'Lora', 'Georgia', serif;
  --font-mono:   'JetBrains Mono', monospace;

  /* Sombras */
  --shadow-sm:  0 1px 3px rgba(0,0,0,0.08);
  --shadow-md:  0 4px 12px rgba(0,0,0,0.1);
}