/*
 * tokens.css — NORA V1 · tokens de la marca (ONBOARDING-UI). UNA sola fuente de color/tipografía/espacio para TODA la ventana de NORA (onboarding + centro de control) y, cuando se
 * migren, el resto de superficies de escritorio. Base blanca y gris; acento naranja de marca #FF6203.
 *
 * CONTRASTE (comprobado por programa en pruebas/test-onboarding-ui.mjs, WCAG 2.1):
 *   · #FF6203 sobre BLANCO es 3,00:1 → NO sirve para texto normal. El naranja se usa como RELLENO (botón primario con texto #1A1A1A: 5,80:1), como acento decorativo o en texto/iconos GRANDES.
 *   · Texto o borde naranja sobre blanco/gris → --nora-naranja-texto (#B23A00: 6,00:1 sobre blanco).
 *   · Anillo de foco = oscuro (#1A1A1A) con separación blanca: visible sobre cualquier fondo (el naranja sobre blanco no llega a 3:1 con margen).
 * Nada de fuentes remotas ni CDN: pila de sistema. El LOGOTIPO no se dibuja con tipografía ni se recolorea: se usa el activo oficial de ui/assets/brand/ (ver ui/assets/LEEME.txt y docs/fusion/v1/BRAND-SHELL.md).
 */
:root {
  color-scheme: light;

  /* marca */
  --nora-naranja: #FF6203;
  --nora-naranja-texto: #B23A00;
  --nora-naranja-suave: #FFE9D9;       /* fondo de avisos de marca; texto #1A1A1A encima: 14,84:1 */
  --nora-sobre-naranja: #1A1A1A;

  /* neutros */
  --nora-fondo: #F5F5F4;
  --nora-superficie: #FFFFFF;
  --nora-texto: #1F1F1E;
  --nora-texto-suave: #5A5A57;         /* 6,92:1 sobre blanco, 6,34:1 sobre --nora-fondo */
  --nora-borde: #767674;               /* bordes de controles: ≥ 4,5:1 sobre blanco (mínimo 3:1 para componentes) */
  --nora-linea: #D6D6D3;               /* separadores decorativos (no llevan información) */
  --nora-foco: #1A1A1A;

  /* estados (siempre con texto/icono además del color) */
  --nora-ok: #1E7B45;        --nora-ok-fondo: #E7F5EC;
  --nora-aviso: #8A5300;     --nora-aviso-fondo: #FFF4E5;
  --nora-error: #B3261E;     --nora-error-fondo: #FDECEA;
  --nora-info: #1F1F1E;      --nora-info-fondo: #EFEFEE;

  /* tipografía */
  --nora-fuente: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --nora-t-xs: 0.8125rem;
  --nora-t-sm: 0.9375rem;
  --nora-t-md: 1.0625rem;
  --nora-t-lg: 1.375rem;
  --nora-t-xl: 1.875rem;
  --nora-interlineado: 1.5;

  /* espacio y forma */
  --nora-e1: 4px; --nora-e2: 8px; --nora-e3: 12px; --nora-e4: 16px; --nora-e5: 24px; --nora-e6: 32px; --nora-e7: 48px;
  --nora-radio: 12px;
  --nora-radio-sm: 8px;
  --nora-sombra: 0 1px 2px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.06);
  --nora-objetivo: 44px;               /* tamaño mínimo de un control táctil/puntero */
  --nora-ancho: 880px;

  /* logotipo oficial en la cabecera: caja FIJA (alto × ancho = proporción del activo transparente, 2000×443) ⇒ sin salto de maquetación ni deformación (object-fit: contain) */
  --nora-logo-alto: 44px;
  --nora-logo-ancho: 199px;
}