/* ============================================================
   CBAT Digital Platform — Design Tokens v1 (claro)
   ------------------------------------------------------------
   Arquitectura en 3 niveles:
     1. Primitivas (--cbat-*): paleta del club y escalas brutas.
     2. Semánticas (--primary, --bg, --text, ...): MISMOS nombres
        que ya consumen app.css y los CSS de área. Cambiar un valor
        aquí retematiza toda la plataforma sin tocar markup.
     3. Componente (--topbar-h, --radius-*, --shadow-*, ...).

   Este archivo es la ÚNICA fuente de verdad de la paleta.
   app.css ya no define :root — tokens.css debe cargarse ANTES.

   Identidad: navy #071432 + dorado #F1C84C (colores RRSS club).
   Criterio: admin claro, denso, fino (referencia NobleUI light).
   ============================================================ */
:root {
  /* ---- 1 · PRIMITIVAS -------------------------------------- */

  /* Navy del club (navy-950 = #071432, el de las tarjetas RRSS) */
  --cbat-navy-950: #071432;
  --cbat-navy-900: #0d1d40;
  --cbat-navy-800: #142950;
  --cbat-navy-700: #1d3a66;
  --cbat-navy-600: #2a4d7e;
  --cbat-navy-500: #3a6094;
  --cbat-navy-400: #5e80ab;
  --cbat-navy-300: #91a9c8;
  --cbat-navy-200: #c3d1e3;
  --cbat-navy-100: #dfe7f1;
  --cbat-navy-050: #eef3f9;

  /* Dorado del club (gold-400 = #F1C84C, el de las tarjetas RRSS) */
  --cbat-gold-600: #b58a14;
  --cbat-gold-500: #d9a92c;
  --cbat-gold-400: #f1c84c;
  --cbat-gold-100: #faf0d2;
  --cbat-gold-050: #fdf8e9;

  /* Grises fríos */
  --cbat-gray-900: #0f172a;
  --cbat-gray-700: #334155;
  --cbat-gray-600: #475569;
  --cbat-gray-500: #64748b;
  --cbat-gray-400: #94a3b8;
  --cbat-gray-300: #cbd5e1;
  --cbat-gray-200: #e2e8f0;
  --cbat-gray-100: #eef2f6;
  --cbat-gray-050: #f8fafc;

  /* ---- 2 · SEMÁNTICAS (nombres heredados, NO renombrar) ----- */
  --primary: var(--cbat-navy-700);
  --primary-dark: var(--cbat-navy-900);
  --primary-soft: var(--cbat-navy-050);
  --bg: #f4f6fa;
  --card: #ffffff;
  --text: #182338;
  --muted: #5f6b81;
  --border: #e4e9f1;

  /* Estados (valores previos de app.css, sin cambio de criterio) */
  --green: #16803c;
  --green-bg: #e8f7ed;
  --orange: #b56b00;
  --orange-bg: #fff4df;
  --red: #ba1a1a;
  --red-bg: #fdecec;
  --blue-bg: var(--cbat-navy-050);

  /* Acento dorado: usar con disciplina (destacados, no acciones) */
  --accent: var(--cbat-gold-400);
  --accent-strong: var(--cbat-gold-600);
  --accent-soft: var(--cbat-gold-050);

  /* ---- 3 · COMPONENTE --------------------------------------- */
  --topbar-h: 58px;
  --sidebar-w: 260px;

  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;

  --shadow-card: 0 1px 2px rgba(15, 23, 42, .04), 0 1px 4px rgba(15, 23, 42, .05);
  --shadow-pop: 0 8px 24px rgba(15, 23, 42, .12);

  --focus-ring: 0 0 0 3px var(--cbat-navy-100);

  /* Shell premium (sidebar + topbar navy, contenido claro) — 12/06 */
  --shell-bg: var(--cbat-navy-950);
  --shell-bg-soft: var(--cbat-navy-900);
  --shell-border: rgba(255, 255, 255, .08);
  --shell-text: #c6d2e6;
  --shell-text-strong: #ffffff;
  --shell-muted: #6e80a6;
  --shell-accent: var(--cbat-gold-400);
  --shell-hover: rgba(255, 255, 255, .06);
  --shell-active: rgba(241, 200, 76, .10);
}