/* WindRegatta — Design tokens (fuente única de verdad del aspecto)
 *
 * Extraído VERBATIM del :root que vivía embebido en admin/index.html, para que
 * todas las pantallas (admin, fichas ORC, /modelos, futuras) compartan la misma
 * paleta, tipografía, radios y sombras. La joya de la corona (mapa) queda fuera:
 * tiene su propio CSS y no se toca.
 *
 * Uso: <link rel="stylesheet" href="/css/tokens.css">  (antes que shell.css)
 *
 * Migración: admin/index.html aún define estos mismos tokens en su <style>; al
 * enlazar este archivo se pueden borrar de allí sin cambiar nada (son idénticos).
 */
:root{
  --panel:#161b22; --border:#ffffff14; --border-hi:#ffffff24;
  --green:#00d26a; --blue:#4da6ff; --text:#dde4ed; --text-sub:#8b9ab0;
  --radius:9px; --bg:#0d1117;
  --hover-bg:#ffffff10; --hover-text:var(--text);
  --input-bg:#0d1117; --input-border:#ffffff22; --input-focus:#4da6ff55;
  --shadow:0 8px 24px rgba(0,0,0,.4);
  --danger:#f85149; --danger-bg:#4a1a1a; --danger-border:#f8514944;
  /* Superficie de éxito (toasts ok) y texto atenuado/deshabilitado. */
  --ok-bg:#1a4a2e; --ok-border:#00d26a44; --text-dim:#4a5568;
  /* Aviso/estimado (ámbar) y acento secundario (morado, p.ej. optimizador). */
  --warn:#f59e0b; --purple:#7c3aed; --whatsapp:#25d366;
  /* Colores de CATEGORÍA de actividad (identidad estable, no cambian con tema). */
  --act-vela:#2255a4; --act-fondeo:#8b5a2b; --act-pesca:#0a8a4a; --act-surf:#0691a4;
  /* Paleta de SERIES: un color por barco, compartida entre el diagrama polar y
     los chips del comparador/optimizador (mismo barco → mismo color en ambos).
     Cámbialas aquí y se recolorea toda la visualización de datos de barcos. */
  --series-1:#4da6ff; --series-2:#f85149; --series-3:#00d26a; --series-4:#f5a623; --series-5:#9b59b6;
  --series-6:#17c2c2; --series-7:#ff6b9d; --series-8:#a0d421; --series-9:#79c0ff; --series-10:#d29922;
  --today-bg:#163d7815; --today-border:var(--blue);
  /* Marca: teal de WindRegatta. */
  --brand:#4ecdc4;
  /* Azules de marca + gradientes (hero/CTA y botón admin). Único sitio con el valor crudo. */
  --brand-blue:#1a6dd4; --brand-cyan:#0ea5e9;
  --cta-grad:linear-gradient(135deg,var(--brand-blue),var(--brand-cyan));
  --accent-grad:linear-gradient(135deg,#163d78,#2563eb);
  --accent-grad-hi:linear-gradient(135deg,#1d4a8f,#3b82f6);
  --purple-grad:linear-gradient(135deg,#8b3fc7,#b563e3);
  /* Dorado de zona admin (escudo, badges, avisos). */
  --admin:#fbbf24; --admin-hi:#fcd34d;
  /* ── ACENTO ÚNICO de la app ──────────────────────────────────────────────
     Botones, enlaces activos, resaltados, pills. CAMBIA ESTA LÍNEA y cambia
     TODO (lo que use var(--accent)). De momento = teal de marca; se ajusta
     cuando se vea en vivo. Antes cada pantalla elegía su acento (teal vs azul). */
  --accent:var(--blue);
  --accent-ink:#fff;      /* texto legible SOBRE el acento (botones rellenos) */
  /* Overlays SIEMPRE oscuros (menú lateral, panel del mapa): NO cambian con el
     tema claro. Para que todos los paneles/scrolls compartan UN color, no cada
     uno el suyo. El acento del menú es la marca (--brand, teal). */
  --menu-text:#dde4ed; --menu-sub:#8b9ab0; --scroll-thumb:rgba(255,255,255,.15);
  --font-sans:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
}
[data-theme="light"]{
  --panel:#ffffff; --border:#d8dce3; --border-hi:#b8c0cc;
  --green:#0a8a4a; --blue:#2255a4; --text:#1b2e4a; --text-sub:#5a6a80;
  --bg:#f0f2f5;
  --hover-bg:rgba(0,0,0,.05); --hover-text:#1b2e4a;
  --input-bg:#ffffff; --input-border:#c8cfd8; --input-focus:#2255a466;
  --shadow:0 8px 24px rgba(0,0,0,.1);
  --danger:#d1242f; --danger-bg:#ffebe9; --danger-border:#d1242f44;
  --today-bg:#2255a410; --today-border:var(--blue);
}