/* AVROX tokens. Claro por defecto; oscuro con prefers-color-scheme o [data-theme="dark"]. */
:root{
  /* Marca */
  --avx-ink:#0A0B0D;          /* tinta */
  --avx-graphite:#16181D;
  --avx-paper:#F5F5F7;
  --avx-white:#FFFFFF;
  --avx-signal:#2B54FF;       /* acento: señal cobalto */
  --avx-signal-light:#7C98FF; /* acento sobre oscuro */

  /* Semánticos (claro) */
  --bg:var(--avx-paper);
  --surface:var(--avx-white);
  --surface-2:#ECECF0;
  --text:#0A0B0D;             /* 18.1:1 sobre bg */
  --text-2:#55595F;           /* 6.5:1 sobre bg */
  --line:rgba(10,11,13,.10);
  /* Logo final: versión para fondo claro (logotipo-negro) */
  --lg-ink:#0A0B0D; --lg-blue:#2B54FF; --hi:rgba(255,255,255,.85);
  --accent:var(--avx-signal); /* 5.1:1 sobre bg, texto blanco encima 5.5:1 */
  --on-accent:#FFFFFF;
  --ok:#0B7A43;               /* activo */
  --ok-bg:rgba(11,122,67,.10);
  --run:#8A5A00;              /* en curso */
  --run-bg:rgba(180,120,0,.12);
  --done:#55595F;             /* completado */
  --done-bg:rgba(10,11,13,.06);

  /* Tipografía */
  --font-sans:"Inter","SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;
  --font-mono:ui-monospace,"SF Mono","Cascadia Mono",Menlo,monospace;
  --fs-xs:.75rem; --fs-sm:.875rem; --fs-md:1rem; --fs-lg:1.25rem;
  --fs-xl:clamp(1.75rem,6vw,2.5rem); --fs-2xl:clamp(2.25rem,9vw,4rem);
  --fw-regular:400; --fw-medium:500; --fw-semibold:600; --fw-bold:700;
  --ls-tight:-.035em; --ls-wide:.14em;

  /* Espaciado (base 4) */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:24px; --sp-6:32px; --sp-7:48px; --sp-8:72px; --sp-9:112px;

  /* Radios */
  --r-sm:10px; --r-md:16px; --r-lg:28px; --r-pill:999px;

  /* Sombras */
  --sh-1:0 1px 2px rgba(10,11,13,.06),0 1px 1px rgba(10,11,13,.04);
  --sh-2:0 12px 32px -12px rgba(10,11,13,.18),0 2px 6px rgba(10,11,13,.06);
  --sh-3:0 40px 80px -32px rgba(10,11,13,.35),0 8px 20px rgba(10,11,13,.08);

  /* Movimiento */
  --ease-out:cubic-bezier(.22,1,.36,1);
  --ease-inout:cubic-bezier(.65,0,.35,1);
  --d-fast:200ms; --d-base:520ms; --d-slow:900ms; --d-ambient:18s;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --bg:var(--avx-ink); --surface:var(--avx-graphite); --surface-2:#1F2229;
    --lg-ink:#F5F5F7; --lg-blue:#7C98FF; --hi:rgba(255,255,255,.06); /* logotipo-blanco */
    --text:#F5F5F7;          /* 18.1:1 */
    --text-2:#A1A5AD;        /* 8.0:1 sobre bg */
    --line:rgba(245,245,247,.10);
    --accent:var(--avx-signal-light); /* 7.3:1 */
    --on-accent:#0A0B0D;
    --ok:#4ADE80; --ok-bg:rgba(74,222,128,.12);
    --run:#FBBF24; --run-bg:rgba(251,191,36,.12);
    --done:#A1A5AD; --done-bg:rgba(245,245,247,.08);
    --sh-2:0 12px 32px -12px rgba(0,0,0,.6),0 2px 6px rgba(0,0,0,.4);
    --sh-3:0 40px 80px -32px rgba(0,0,0,.8),0 8px 20px rgba(0,0,0,.4);
  }
}
:root[data-theme="dark"]{
  --bg:var(--avx-ink); --surface:var(--avx-graphite); --surface-2:#1F2229;
  --lg-ink:#F5F5F7; --lg-blue:#7C98FF; --hi:rgba(255,255,255,.06);
  --text:#F5F5F7; --text-2:#A1A5AD; --line:rgba(245,245,247,.10);
  --accent:var(--avx-signal-light); --on-accent:#0A0B0D;
  --ok:#4ADE80; --ok-bg:rgba(74,222,128,.12);
  --run:#FBBF24; --run-bg:rgba(251,191,36,.12);
  --done:#A1A5AD; --done-bg:rgba(245,245,247,.08);
  --sh-2:0 12px 32px -12px rgba(0,0,0,.6),0 2px 6px rgba(0,0,0,.4);
  --sh-3:0 40px 80px -32px rgba(0,0,0,.8),0 8px 20px rgba(0,0,0,.4);
}
@media (prefers-reduced-motion:reduce){:root{--d-fast:0ms;--d-base:0ms;--d-slow:0ms;--d-ambient:0s}}