/**
 * @file tokens.css
 * Tokens PRIMITIVOS de Mi Espacio de Trabajo Jaraba (app.jarabaai.com) — 20261020p.
 *
 * Arquitectura de tokens en 2 capas (CSS-VAR-ALL-COLORS-001):
 * - Capa 1 (este fichero): valores crudos — tipografías editoriales, neutros de
 *   Modo Claro y Modo Oscuro, colores de estado y los 4 Temas de Marca. Es el
 *   ÚNICO sitio donde vive el hex de la paleta.
 * - Capa 2 (workspace.css · sección 0): tokens SEMÁNTICOS por modo
 *   (html[data-theme-mode="light" | "dark"]) que traducen estos primitivos a
 *   lienzo, panel, superficie, tinta, borde, marca y estados. Los componentes
 *   SOLO leen tokens semánticos, nunca primitivos ni hex.
 *
 * Tipografías editoriales: Hanken Grotesk (UI) · Source Serif 4 (doctrina BOE /
 * hoja A4) · JetBrains Mono (huellas, plazos y CSV).
 *
 * 4 Temas de Marca en 1 clic: Azul despacho (#17305A) · Verde monte (#1F4B3A) ·
 * Morado (#3A2F6B) · Carbón (#18202E), cada uno con su tono para Modo Oscuro
 * (texto blanco >= 4.5:1 y forma visible sobre la superficie #161F30).
 */

:root {
  /* Tipografías editoriales */
  --ej-font-sans: 'Hanken Grotesk', 'JarabaRoboto', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --ej-font-serif: 'Source Serif 4', 'Georgia', 'Times New Roman', serif;
  --ej-font-mono: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, Monaco, Consolas, monospace;

  /* Neutros · Modo Claro */
  --ej-light-canvas: #F4F5F8;
  --ej-light-surface: #FFFFFF;
  --ej-light-sunken: #F6F7F9;
  --ej-light-hover: #EEF2F7;
  --ej-light-border: #DCE3EE;
  --ej-light-border-strong: #C5CFDE;
  --ej-light-ink: #18202E;
  --ej-light-ink-strong: #0F172A;
  --ej-light-ink-secondary: #4A5468;
  --ej-light-placeholder: #5B6577;
  --ej-light-icon: #1E2E46;

  /* Neutros · Modo Oscuro */
  --ej-dark-canvas: #0B0F19;
  --ej-dark-panel: #111827;
  --ej-dark-surface: #161F30;
  --ej-dark-hover: #1E293B;
  --ej-dark-input: #0F172A;
  --ej-dark-border: #26334D;
  --ej-dark-border-strong: #334155;
  --ej-dark-ink: #F8FAFC;
  --ej-dark-ink-secondary: #94A3B8;
  --ej-dark-placeholder: #94A3B8;
  --ej-dark-icon: #CBD5E1;

  /* Estados · Modo Claro (texto >= 4.5:1 sobre su fondo) */
  --ej-light-success-bg: #E6F2EC;
  --ej-light-success-ink: #1B6B43;
  --ej-light-success-ink-strong: #134E4A;
  --ej-light-warning-bg: #FEF3C7;
  --ej-light-warning-ink: #92400E;
  --ej-light-danger-bg: #FFE4E6;
  --ej-light-danger-ink: #9F1239;
  --ej-light-info-bg: #E8EEF5;

  /* Estados · Modo Oscuro (fondo oscuro translúcido + tinta clara) */
  --ej-dark-success-bg: rgba(16, 185, 129, 0.15);
  --ej-dark-success-ink: #34D399;
  --ej-dark-warning-bg: rgba(245, 158, 11, 0.15);
  --ej-dark-warning-ink: #FBBF24;
  --ej-dark-danger-bg: rgba(244, 63, 94, 0.15);
  --ej-dark-danger-ink: #FDA4AF;
  --ej-dark-info-bg: rgba(96, 165, 250, 0.15);

  /* Acentos bitono de los iconos (INV-44) por modo (20261020w): #00A896 y #FF8C42 se leen sobre fondo
     oscuro, pero sobre blanco se quedan en 2,98:1 y 2,31:1; en Modo Claro van sus tonos oscuros (4,53:1 y 5,18:1). */
  --ej-light-icon-teal: #00857A;
  --ej-light-icon-orange: #C2410C;
  --ej-dark-icon-teal: #00A896;
  --ej-dark-icon-orange: #FF8C42;
  /* …y sobre rellenos de marca, de acento o de portada, tonos claros que superan 3:1 contra el relleno. */
  --ej-on-fill-icon-teal: #5EEAD4;
  --ej-on-fill-icon-orange: #FDBA74;

  /* Acentos de marca fijos */
  --ej-accent-orange: #E8833A;
  --ej-accent-teal: #0D9488;
  --ej-accent-teal-ink: #0F766E;
  --ej-accent-teal-solid: #0F766E;
  --ej-accent-teal-solid-hover: #115E59;
  --ej-accent-teal-solid-ink: #FFFFFF;
  --ej-mark-light: #FEF08A;
  --ej-mark-dark: rgba(250, 204, 21, 0.28);
  --ej-mark-dark-ink: #FDE68A;

  /* 4 Temas de Marca (catálogo INV-55) y sus tonos para Modo Oscuro */
  --ej-theme-azul-despacho: #17305A;
  --ej-theme-azul-despacho-hover: #132847;
  --ej-theme-azul-despacho-dark: #3E64A8;
  --ej-theme-azul-despacho-dark-ink: #BFD3F6;
  --ej-theme-verde-monte: #1F4B3A;
  --ej-theme-verde-monte-hover: #173A2D;
  --ej-theme-verde-monte-dark: #2F7A5E;
  --ej-theme-verde-monte-dark-ink: #A7E3C9;
  --ej-theme-morado: #3A2F6B;
  --ej-theme-morado-hover: #2D2454;
  --ej-theme-morado-dark: #6151A8;
  --ej-theme-morado-dark-ink: #CFC5F5;
  --ej-theme-carbon: #18202E;
  --ej-theme-carbon-hover: #0F1520;
  --ej-theme-carbon-dark: #475569;
  --ej-theme-carbon-dark-ink: #CBD5E1;

  /* Portadas editoriales de Biblioteca y Archivo AZ (20261020q): fondo, banda y tinta */
  --ej-cover-burgundy: #7A1F2B;
  --ej-cover-navy: #1E3A5F;
  --ej-cover-teal: #0F5257;
  --ej-cover-olive: #3D4B1F;
  --ej-cover-maroon: #5B3A29;
  --ej-cover-slate: #334155;
  --ej-cover-eu: #1F3C88;
  --ej-cover-violet: #3B2F7A;
  --ej-cover-green: #1F5E3A;
  --ej-cover-amber: #7C4A03;
  --ej-cover-graphite: #2B3440;
  --ej-cover-purple: #4B2E83;
  --ej-cover-binder: #1F2933;
  --ej-cover-law: #8A1C24;
  --ej-cover-resolution: #2E3A59;
  --ej-cover-method: #0F766E;
  --ej-cover-local: #3F3F46;
  --ej-cover-gold: #C9A227;
  --ej-cover-eu-gold: #F2C230;
  --ej-cover-teal-band: #00A896;
  --ej-cover-orange-band: #FF8C42;
  --ej-cover-ink: #FFFFFF;

  /* Avatares ilustrados de la Comunidad: piel, pelo, ropa, fondo y anillo (claro / oscuro) */
  --ej-av-skin-1: #F3D3BD;
  --ej-av-skin-2: #E6B894;
  --ej-av-skin-3: #C98E64;
  --ej-av-skin-4: #9E6640;
  --ej-av-skin-5: #6B4428;
  --ej-av-hair-dark: #2E2119;
  --ej-av-hair-brown: #5A3825;
  --ej-av-hair-black: #17110E;
  --ej-av-hair-auburn: #8B3A1E;
  --ej-av-hair-grey: #8F9399;
  --ej-av-cloth-navy: #1E3A5F;
  --ej-av-cloth-slate: #475569;
  --ej-av-cloth-burgundy: #7A1F2B;
  --ej-av-cloth-green: #2F6B4F;
  --ej-av-cloth-teal: #0F766E;
  --ej-av-cloth-amber: #B45309;
  --ej-av-bg-1: #DCEFEA;
  --ej-av-bg-2: #FCE7D6;
  --ej-av-bg-3: #E3E4F6;
  --ej-av-bg-4: #DFF0E2;
  --ej-av-bg-5: #FBEED0;
  --ej-av-bg-6: #E5E9EF;
  --ej-av-bg-dark-1: #1E3B37;
  --ej-av-bg-dark-2: #3B2A1E;
  --ej-av-bg-dark-3: #272A4A;
  --ej-av-bg-dark-4: #1E3626;
  --ej-av-bg-dark-5: #3A3016;
  --ej-av-bg-dark-6: #263142;
  --ej-av-feature: #2B1F1A;
  --ej-av-glasses: #334155;
  --ej-av-ring-teal: #0F766E;
  --ej-av-ring-orange: #E8833A;
  --ej-av-ring-indigo: #4F46E5;
  --ej-av-ring-green: #2F7A5E;
  --ej-av-ring-amber: #D97706;
  --ej-av-ring-slate: #64748B;
  --ej-av-ring-teal-dark: #34D399;
  --ej-av-ring-orange-dark: #FDBA74;
  --ej-av-ring-indigo-dark: #A5B4FC;
  --ej-av-ring-green-dark: #6EE7B7;
  --ej-av-ring-amber-dark: #FCD34D;
  --ej-av-ring-slate-dark: #CBD5E1;
  --ej-av-jj: #17305A;
  --ej-av-badge-certified: #0F766E;
  --ej-av-badge-impulsor: #C2410C;

  /* QR de localización y plano de la estantería */
  --ej-qr-ink: #0B1220;
  --ej-qr-paper: #FFFFFF;
  --ej-qr-paper-dark: #CBD5E1;
  --ej-map-spine: #9AA5B8;
  --ej-map-spine-dark: #64748B;
}