/* ============================================================================
   EMBAJADORES FC — Tokens de marca
   Fuente única de verdad para color, tipografía y espaciado.
   Cargar en las tres apps: <link rel="stylesheet" href="/brand/tokens.css">
   ========================================================================== */
:root {
  /* --- Marca (derivada del escudo) --- */
  --azul-marino:  #162786;   /* primario   */
  --azul-cielo:   #2f43cf;   /* secundario */
  --dorado:       #C9A54A;   /* acento sobre oscuro */
  --dorado-legible:#9C7A22;  /* acento legible sobre blanco */
  --blanco:       #FFFFFF;
  --tinta:        #0B1220;   /* texto sobre claro */

  /* --- Neutrales --- */
  --gris-100: #F4F6FA;
  --gris-200: #E6EAF1;
  --gris-400: #A9B2C3;
  --gris-600: #5B6577;
  --gris-700: #333B4D;

  /* --- Estados --- */
  --exito:  #1F9D57;
  --alerta: #E0A400;
  --error:  #D64545;

  /* --- Tipografía --- */
  --fuente-titulo: 'Oswald', 'Teko', sans-serif;
  --fuente-texto:  'Satoshi', system-ui, -apple-system, sans-serif;

  /* --- Radios y sombras --- */
  --radio-sm: 6px;
  --radio-md: 12px;
  --radio-lg: 20px;
  --sombra-1: 0 2px 8px rgba(0, 30, 98, 0.08);
  --sombra-2: 0 8px 30px rgba(0, 30, 98, 0.15);

  /* --- Espaciado (escala de 4) --- */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
  --sp-5: 24px; --sp-6: 32px; --sp-8: 48px; --sp-10: 64px;
}

/* Los tokens son estables (base clara). Cada app fija su propio fondo:
   - apps/web  usa fondo azul marino explícito (look oscuro por diseño)
   - apps/app y apps/crm usan fondo claro
   Así evitamos que el modo oscuro del sistema invierta el panel de datos. */