/* ============================================================
   AVANCE360 — Design tokens (v2)
   Fuente única de verdad del color, tipografía y formas de la marca.
   Codex: importa este archivo y usa SIEMPRE las variables, nunca
   valores hex sueltos. Así toda la plataforma queda consistente.
   Uso:  <link rel="stylesheet" href="/brand/tokens.css">
   ============================================================ */

:root{
  /* ---- Color de marca ---- */
  --a360-blue:        #1F5FE0;  /* Azul Avance — primario: confianza, software, enlaces, órbita */
  --a360-blue-deep:   #1746B0;  /* Azul profundo — hover/pressed, texto sobre claro */
  --a360-blue-soft:   #6FA0FF;  /* Azul suave — órbita sobre fondos oscuros */
  --a360-green:       #12B886;  /* Verde Crecer — acento: éxito, "360", crecimiento */
  --a360-green-bright:#1FE08C;  /* Verde brillante — degradado, acentos sobre oscuro */

  /* ---- Neutros (sesgo azul, elegidos a propósito) ---- */
  --a360-ink:    #0F1B2D;  /* Tinta — texto principal y logotipo sobre claro */
  --a360-slate:  #5A6B82;  /* Pizarra — texto secundario */
  --a360-line:   #E4EAF2;  /* Líneas y bordes */
  --a360-cloud:  #F4F7FB;  /* Nube — fondos y paneles claros */
  --a360-white:  #FFFFFF;

  /* ---- Color semántico (NO es el acento de marca) ---- */
  --a360-success: #12B886;
  --a360-warning: #E6A100;
  --a360-danger:  #E0384C;
  --a360-info:    #1F5FE0;

  /* ---- Degradado de marca (solo decorativo; nunca en texto pequeño) ---- */
  --a360-grad: linear-gradient(135deg, #0FB46E 0%, #1FE08C 100%);

  /* ---- Tipografía ---- */
  --a360-font-display: 'Sora','Segoe UI',system-ui,-apple-system,Arial,sans-serif; /* marca y títulos */
  --a360-font-body:    'Manrope','Segoe UI',system-ui,-apple-system,Arial,sans-serif; /* texto e interfaz */
  --a360-font-mono:    'JetBrains Mono',ui-monospace,SFMono-Regular,Consolas,monospace; /* cifras/código */

  /* Escala tipográfica (1.250 — tercera mayor) */
  --a360-text-xs:  12px;
  --a360-text-sm:  14px;
  --a360-text-md:  16px;   /* base */
  --a360-text-lg:  20px;
  --a360-text-xl:  25px;
  --a360-text-2xl: 31px;
  --a360-text-3xl: 39px;

  --a360-weight-regular: 400;
  --a360-weight-medium:  500;
  --a360-weight-bold:    700;
  --a360-weight-black:   800;  /* solo marca y títulos grandes */

  /* ---- Formas ---- */
  --a360-radius-sm: 8px;
  --a360-radius-md: 14px;
  --a360-radius-lg: 20px;
  --a360-radius-pill: 999px;

  /* ---- Sombra (discreta, con tinte azul) ---- */
  --a360-shadow: 0 6px 24px rgba(15,27,45,.08);
}

/* Modo oscuro: redefine solo los tokens que cambian */
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --a360-ink:   #EAF1FB;
    --a360-slate: #9BABC2;
    --a360-line:  #243348;
    --a360-cloud: #111C2E;
    --a360-white: #0A1220;
    --a360-blue:  #3B74EE;   /* un poco más claro para contraste sobre oscuro */
  }
}
:root[data-theme="dark"]{
  --a360-ink:   #EAF1FB;
  --a360-slate: #9BABC2;
  --a360-line:  #243348;
  --a360-cloud: #111C2E;
  --a360-white: #0A1220;
  --a360-blue:  #3B74EE;
}