/* ============================================================
   brand-tokens.css — Paleta e identidad pública (Home + Login).
   Independiente del design system interno del sistema
   (static/css/tokens.css: petróleo/papel, Hanken Grotesk/Spectral/
   Space Grotesk) — a propósito, HANDOFF_GLRFS.md §7.2. Sidebar,
   Dashboard, Pickup, Carga, Reportes, etc. NO tocan esto.

   Rediseño de marca (rama feature/rediseno-home-web, 08/2026):
   navy + coral + teal, tipografías Archivo/Manrope. Reemplaza la
   paleta petróleo que usaban antes Home/Login.
   ============================================================ */
:root {
  --deep: #0f1923;
  --slate: #1a2e3d;
  --teal: #2ec4b6;
  --tealdk: #1a8f86;
  --coral: #E8792B;
  --coralh: #D16A1F;
  --coralt: rgba(232, 121, 43, .12);
  --coraltx: #B85614;
  --warm: #f6f4f1;
  --warm2: #ebe7e2;
  --ink: #0f1923;
  --muted: #5f6d78;
  --mutedd: #8fa3b1;
  --line: rgba(15, 25, 35, .14);
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; font-family: Manrope, system-ui, sans-serif; color: var(--ink); background: var(--warm);
  -webkit-font-smoothing: antialiased; }
h1, h2, h3, h4, .num, .kick { font-family: Archivo, system-ui, sans-serif; }
a { color: var(--tealdk); text-decoration: none; }
a:hover { color: var(--coral); }

@keyframes fadeUp { from { opacity: 0; transform: translateY(7px); } to { opacity: 1; transform: none; } }

*::-webkit-scrollbar { width: 12px; height: 12px; }
*::-webkit-scrollbar-track { background: transparent; }
*::-webkit-scrollbar-thumb { background: rgba(15, 25, 35, .18); border-radius: 99px; border: 3px solid var(--warm); }
*::-webkit-scrollbar-thumb:hover { background: rgba(15, 25, 35, .3); }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}