/* Hallmark · tokens · genre: cold-chain manifest
 * theme: BGR Export — casco azul marino + coral camaron, en clave de manifiesto de aduana
 * paper oklch(96.5% 0.012 240) frost · acento oklch(60% 0.19 38) coral (huella <=5%)
 * display+body: Plus Jakarta Sans · data+labels: JetBrains Mono (numeros de contenedor, cifras)
 * Variables globales: cambiar aqui reestila toda la app (dashboard, shell, formularios).
 */

:root {
  /* — Superficie (papel frio, como el interior de un reefer) ————— */
  --color-page:        oklch(96.5% 0.012 240);
  --color-surface:     oklch(99%   0.004 240);
  --color-surface-2:   oklch(97%   0.008 240);
  --color-surface-3:   oklch(93%   0.014 240);

  /* — Tinta (azul marino BGR, nunca negro puro) ——————————————— */
  --color-ink:         oklch(21% 0.035 258);
  --color-ink-2:       oklch(42% 0.028 258);
  --color-muted:       oklch(51% 0.020 255);  /* ~5:1 sobre superficie — AA verificado */

  /* — Estructura ————————————————————————— */
  --color-rule:        oklch(89% 0.014 245);
  --color-rule-2:      oklch(82% 0.016 245);

  /* — Casco (sidebar / topbar de marca) ——————————————————— */
  --color-navy:        oklch(19% 0.045 258);
  --color-navy-2:      oklch(26% 0.050 258);
  --color-navy-3:      oklch(31% 0.052 258);
  --color-navy-ink:     oklch(97% 0.010 240);
  --color-navy-muted:  oklch(70% 0.035 250);
  --color-navy-rule:   oklch(33% 0.050 258);

  /* — Acento: coral camaron (huella <= 5% del viewport) ——————— */
  --color-accent:       oklch(62% 0.190 38);
  --color-accent-strong: oklch(53% 0.185 34);
  --color-accent-ink:  oklch(99% 0.004 245);
  --color-accent-soft: oklch(93% 0.048 42);
  --color-focus:       oklch(53% 0.185 34);

  /* — Series de datos ————————————————————
   * Paleta categorica validada para daltonismo (orden fijo, nunca ciclado).
   * Solo se usa donde el color CODIFICA identidad (dona por tipo, anios). */
  --series-1: #2a78d6;  --series-2: #008300;  --series-3: #e87ba4;  --series-4: #eda100;
  --series-5: #1baf7a;  --series-6: #eb6834;  --series-7: #4a3aa7;  --series-8: #e34948;

  /* — Tipografia ————————————————————————— */
  --font-body: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  /* — Escala 4pt ————————————————————————— */
  --space-3xs: 0.25rem;  --space-2xs: 0.5rem;  --space-xs:  0.75rem;
  --space-sm:  1rem;     --space-md:  1.5rem;  --space-lg:  2rem;
  --space-xl:  3rem;     --space-2xl: 4.5rem;

  /* — Texto ——————————————————————————————— */
  --text-2xs:    0.6875rem;
  --text-xs:     0.75rem;
  --text-sm:     0.8125rem;
  --text-md:     0.9375rem;
  --text-lg:     1.125rem;
  --text-xl:     1.5rem;
  --text-figure: clamp(2.5rem, 5.5vw, 4rem);

  /* — Movimiento ————————————————————————— */
  --ease-out:   cubic-bezier(0.16, 1, 0.3, 1);
  --dur-short:  180ms;

  /* — Radios ————————————————————————————— */
  --radius-card:  10px;
  --radius-input: 7px;
  --radius-chip:  6px;

  /* — Sidebar ————————————————————————————— */
  --sidebar-width: 15.5rem;
}