/* Tokens de diseño — Araguaney Group. Generado a partir de tokens.json; editar allí y regenerar.
   Los componentes usan SOLO estas variables, nunca hex sueltos. Solo tema claro en v1. */

/* @font-face: pendiente. Cuando las fuentes estén en static/fonts/, copiar aquí el bloque @font-face de replica/design/tokens.css. Mientras, se usa la fuente del sistema. */

:root {
  color-scheme: light;

  /* superficies y texto */
  --bg: #fafafa;
  --surface: #ffffff;
  --surface-muted: #f1f5f9;
  --border: #e1e7ef;
  --border-input: #7a8699;
  --text: #0a2643;
  --text-muted: #5b6b80;

  /* marca */
  --navy: #0a2643;
  --navy-deep: #0f1729;
  --on-navy: #ffffff;
  --on-navy-muted: #cbd5e1;
  --accent: #ebbd05;
  --accent-hover: #f9cb15;
  --on-accent: #0a2643;
  --gold-logo: #b8913f;      /* solo adorno: filetes, separadores, iconos grandes. Nunca texto. */
  --gold-ink: #8a6512;       /* dorado legible para texto o iconos pequeños sobre claro */

  /* foco */
  --focus: #0a2643;
  --focus-on-dark: #ebbd05;

  /* estado de interfaz: color fuerte + fondo suave + tinta para texto sobre ese fondo */
  --danger: #dc2626;  --danger-bg: #fef2f2;  --danger-ink: #b91c1c;
  --warning: #b45309; --warning-bg: #fef3c7; --warning-ink: #92400e;
  --success: #15803d; --success-bg: #dcfce7; --success-ink: #166534;
  --info-bg: #dbeafe; --info-ink: #1e40af;

  --whatsapp: #25d366;
  --on-whatsapp: #0a2643;

  /* datos: un color FIJO por buró (sigue a la entidad, no al orden) */
  --series-tu: #2a78d6;
  --series-ex: #eb6834;
  --series-eq: #1baf7a;      /* 2.82:1 sobre blanco: siempre con etiqueta directa + tabla */
  --status-good: #0ca30c;
  --status-warning: #fab219;
  --status-serious: #ec835a;
  --status-critical: #d03b3b;
  --chart-grid: #e1e0d9;
  --chart-axis: #c3c2b7;

  /* tipografía */
  --font-heading: "Cabinet Grotesk", Manrope, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-sans: Manrope, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  --text-xs: 0.75rem;   --leading-xs: 1rem;
  --text-sm: 0.875rem;  --leading-sm: 1.25rem;
  --text-base: 1rem;    --leading-base: 1.5rem;
  --text-lg: 1.125rem;  --leading-lg: 1.75rem;
  --text-xl: 1.375rem;  --leading-xl: 1.875rem;
  --text-2xl: 1.75rem;  --leading-2xl: 2.25rem;
  --text-display: 2.5rem; --leading-display: 2.875rem;
  --text-score: 2.75rem;  --leading-score: 3rem;

  /* espacio (base 4) */
  --space-0: 0; --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px;
  --space-5: 20px; --space-6: 24px; --space-8: 32px; --space-10: 40px; --space-12: 48px; --space-16: 64px;

  --radius-sm: 6px; --radius-md: 8px; --radius-lg: 16px; --radius-xl: 24px; --radius-pill: 999px;

  --shadow-card: 0 1px 2px rgba(10,38,67,.06), 0 1px 3px rgba(10,38,67,.10);
  --shadow-raised: 0 4px 12px rgba(10,38,67,.10);
  --shadow-pop: 0 16px 40px rgba(10,38,67,.18);

  --motion-fast: 120ms; --motion-base: 200ms; --ease: cubic-bezier(.2,.8,.2,1);

  --container-max: 1280px; --portal-max: 720px; --reading-max: 680px;
  --sidebar-w: 248px; --header-h: 64px; --bottom-nav-h: 64px; --tap-min: 44px;
}

@media (prefers-reduced-motion: reduce) {
  :root { --motion-fast: 0ms; --motion-base: 0ms; }
}