/* =======================================================
   UMCE.online — Design Tokens
   Fuente de verdad: /design-lab.html (sección §01 Tokens)
   NO editar valores aquí sin actualizar el Lab primero.
   ======================================================= */

:root {

  /* ── Paleta UMCE (constante, no themeable) ── */
  --umce-azul-oscuro:  #001D5C;
  --umce-azul:         #0033A1;
  --umce-azul-light:   #1A4DB5;
  --umce-azul-dark:    #002280;
  --umce-azul-claro:   #E8F0FE;
  --umce-amarillo:     #FF9E18;
  --umce-amarillo-dark:#E08800;
  --umce-amarillo-soft:#FFE9C8;
  --umce-verde:        #127C29;
  --umce-verde-soft:   #BBF7D0;
  --umce-naranja:      #E9511D;
  --umce-naranja-soft: #FED7AA;
  --umce-rojo:         #90120D;
  --umce-rojo-soft:    #FECACA;

  /* ── Neutrales (modo claro — default) ── */
  --paper:       #faf8f3;
  --paper-warm:  #f6f1e7;
  --paper-cool:  #eef2fb;
  --ink:         #001D5C;
  --ink-soft:    rgba(0,29,92,0.72);
  --ink-mute:    rgba(0,29,92,0.55);
  --line:        rgba(0,29,92,0.12);
  --line-strong: rgba(0,29,92,0.5);
  --surface:     #ffffff;

  /* ── Acento configurable (default: amarillo) ── */
  --c-accent:      #FF9E18;
  --c-accent-dark: #E08800;
  --c-accent-soft: #FFE9C8;

  /* ── Banners / headers oscuros ── */
  --banner-bg:   linear-gradient(135deg, var(--umce-azul-oscuro) 0%, var(--umce-azul-dark) 60%, var(--umce-azul) 100%);
  --banner-text: var(--paper-warm);

  /* ── Tipografía ── */
  --font-display: 'Inter', system-ui, sans-serif;
  --font-body:    'Inter', system-ui, sans-serif;
  --font-mono:    'JetBrains Mono', 'SF Mono', monospace;

  /* ── Escala de espaciado ── */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 32px;
  --s-7: 48px;
  --s-8: 64px;

  /* ── Radios ── */
  --r-sm:   4px;
  --r-md:   8px;
  --r-lg:   16px;
  --r-full: 999px;

  /* ── Aliases para compatibilidad con páginas existentes ── */
  --palette-primary:   var(--umce-azul);
  --palette-accent:    var(--c-accent);
  --palette-dark:      var(--umce-azul-oscuro);
  --palette-secondary: var(--umce-azul-claro);
}