/* Tokens de la marca KRAK3N STUDIOS · v1.0 · 03/11/2026 · fuente: MARCA.md (al lado de este archivo).
   Claro aprobado el 27/10/2026; oscuro, semáforo y tipografía aprobados el 03/11/2026. Se copia sin editar. */
:root {
  --k-tinta: #111113;
  --k-tinta-hover: #2a2a2e;
  --k-suave: #55555e;
  --k-papel: #ffffff;
  --k-fondo: #f4f4f5;
  --k-borde: #e4e4e7;
  --k-acento: #36557d;
  --k-acento-hover: #283f5e;
  --k-acento-suave: #eef2f7;
  --k-acento-claro: #a9b9cf;
  --k-sobre-acento: #ffffff;

  --k-ok: #1f7a4d;
  --k-info: #36557d;
  --k-aviso: #b4620a;
  --k-error: #b4232c;

  --k-letra: "Fira Sans", "Segoe UI", system-ui, sans-serif;
  --k-mono: "Fira Mono", "JetBrains Mono", ui-monospace, monospace;

  --k-radio-campo: 8px;
  --k-radio-tarjeta: 12px;
  --k-radio-chip: 6px;
  --k-sombra-tarjeta: 0 2px 6px rgba(17, 17, 19, .05);

  --k-esp-1: 4px; --k-esp-2: 8px; --k-esp-3: 12px; --k-esp-4: 16px;
  --k-esp-6: 24px; --k-esp-8: 32px; --k-esp-12: 48px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --k-tinta: #e8eaee;
    --k-tinta-hover: #ffffff;
    --k-suave: #9aa1ad;
    --k-papel: #181b21;
    --k-fondo: #101216;
    --k-borde: #2a2f38;
    --k-acento: #7f9cc4;
    --k-acento-hover: #9bb3d4;
    --k-acento-suave: #1d2735;
    --k-acento-claro: #a9b9cf;
    --k-sobre-acento: #101216;
    --k-ok: #4cc38a;
    --k-info: #7f9cc4;
    --k-aviso: #f0a443;
    --k-error: #f0646c;
    color-scheme: dark;
  }
}

:root[data-theme="dark"] {
  --k-tinta: #e8eaee;
  --k-tinta-hover: #ffffff;
  --k-suave: #9aa1ad;
  --k-papel: #181b21;
  --k-fondo: #101216;
  --k-borde: #2a2f38;
  --k-acento: #7f9cc4;
  --k-acento-hover: #9bb3d4;
  --k-acento-suave: #1d2735;
  --k-acento-claro: #a9b9cf;
  --k-sobre-acento: #101216;
  --k-ok: #4cc38a;
  --k-info: #7f9cc4;
  --k-aviso: #f0a443;
  --k-error: #f0646c;
  color-scheme: dark;
}