/* admin-panel · tokens semanticos (contrato v0.2.1, ver ../CONTRATO.md §6)
 *
 * El proyecto solo sobrescribe la capa "marca" (--ap-acento, --ap-acento-texto, --ap-nav-*)
 * en su propio CSS, cargado DESPUES de este archivo. Lo demas no se toca.
 *
 * Tema: <html data-theme="light|dark">; sin atributo sigue al sistema.
 */
:root {
  /* marca (lo unico que cambia por proyecto) */
  --ap-acento: #004dab;
  --ap-acento-texto: #ffffff;
  --ap-nav-fondo: #111418;
  --ap-nav-texto: #c9ced6;
  --ap-nav-texto-tenue: #7d8590;
  --ap-nav-activo-fondo: rgba(255, 255, 255, .08);
  --ap-nav-activo-texto: #ffffff;
  --ap-nav-borde: rgba(255, 255, 255, .08);

  /* superficies y texto */
  --ap-fondo: #f6f7f9;
  --ap-superficie: #ffffff;
  --ap-superficie-2: #f0f2f5;
  --ap-borde: #e3e6ea;
  --ap-texto: #15181d;
  --ap-texto-2: #4a515b;
  --ap-texto-3: #7a828d;

  /* estados */
  --ap-ok: #1f7a4d;
  --ap-ok-fondo: #e3f4ea;
  --ap-alerta: #9a6100;
  --ap-alerta-fondo: #fdf1dc;
  --ap-error: #b42318;
  --ap-error-fondo: #fde8e6;
  --ap-info: #1d5fb4;
  --ap-info-fondo: #e4eefb;

  /* forma */
  --ap-radio: 10px;
  --ap-radio-chico: 6px;
  --ap-sombra: 0 1px 2px rgba(16, 24, 40, .06), 0 1px 3px rgba(16, 24, 40, .08);
  --ap-sombra-alta: 0 12px 32px rgba(16, 24, 40, .18);
  --ap-lateral-ancho: 248px;
  --ap-barra-alto: 64px;
  --ap-inferior-alto: 64px;
  --ap-contenido-max: 1680px;
  --ap-fuente: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --ap-fuente-mono: "JetBrains Mono", ui-monospace, Consolas, monospace;
}

:root[data-theme="dark"] {
  --ap-fondo: #0e1116;
  --ap-superficie: #161a21;
  --ap-superficie-2: #1d222b;
  --ap-borde: #2a313c;
  --ap-texto: #e8ebef;
  --ap-texto-2: #b3bac4;
  --ap-texto-3: #858d98;
  --ap-nav-fondo: #0a0c10;
  --ap-ok: #4cc38a;
  --ap-ok-fondo: #11281d;
  --ap-alerta: #e8b04b;
  --ap-alerta-fondo: #2e2310;
  --ap-error: #f2766b;
  --ap-error-fondo: #331614;
  --ap-info: #6ea8fe;
  --ap-info-fondo: #13233b;
  --ap-sombra: 0 1px 2px rgba(0, 0, 0, .4);
  --ap-sombra-alta: 0 12px 32px rgba(0, 0, 0, .55);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --ap-fondo: #0e1116;
    --ap-superficie: #161a21;
    --ap-superficie-2: #1d222b;
    --ap-borde: #2a313c;
    --ap-texto: #e8ebef;
    --ap-texto-2: #b3bac4;
    --ap-texto-3: #858d98;
    --ap-nav-fondo: #0a0c10;
    --ap-ok: #4cc38a;
    --ap-ok-fondo: #11281d;
    --ap-alerta: #e8b04b;
    --ap-alerta-fondo: #2e2310;
    --ap-error: #f2766b;
    --ap-error-fondo: #331614;
    --ap-info: #6ea8fe;
    --ap-info-fondo: #13233b;
    --ap-sombra: 0 1px 2px rgba(0, 0, 0, .4);
    --ap-sombra-alta: 0 12px 32px rgba(0, 0, 0, .55);
  }
}