/* ══════════════════════════════════════════════════════════════
   bikain.studio · tokens de marca
   GENERADO desde marca/tokens.json — no editar a mano.
   Regenerar con:  node marca/build-tokens.js
   ══════════════════════════════════════════════════════════════ */

:root {
  color-scheme: light;

  /* rampa de marca */
  --bk-azul-50: #E8F7F6;
  --bk-azul-100: #C6EDEA;
  --bk-azul-200: #93DEDA;
  --bk-azul-300: #54C8C2;
  --bk-azul-400: #1AACA5;
  --bk-azul-500: #1AACA5;
  --bk-azul-600: #127570;
  --bk-azul-700: #0E5956;
  --bk-azul-800: #0A413F;
  --bk-azul-900: #062624;

  /* interfaz */
  --bk-plano: #F4F7F7;
  --bk-superficie: #FFFFFF;
  --bk-superficie-2: #F8FBFB;
  --bk-tinta-1: #101314;
  --bk-tinta-2: #4A5354;
  --bk-tinta-3: #636E70;
  --bk-linea: #E3E9E9;
  --bk-eje: #C4CFCF;
  --bk-pista: #EDF2F2;
  --bk-marca: #127570;
  --bk-marca-pura: #1AACA5;
  --bk-marca-hover: #0E5956;
  --bk-atenuado: #8A9296;
  --bk-borde: rgba(16,19,20,0.10);

  /* estados — reservados, siempre con icono o etiqueta de texto */
  --bk-estado-bien: #0CA30C;
  --bk-estado-aviso: #FAB219;
  --bk-estado-grave: #EC835A;
  --bk-estado-critico: #D03B3B;
  --bk-estado-texto-bien-claro: #046504;

  /* bandas del score */
  --bk-banda-referente: #0CA30C;
  --bk-banda-competitivo: #0CA30C;
  --bk-banda-emergente: #FAB219;
  --bk-banda-conocido: #EC835A;
  --bk-banda-invisible: #D03B3B;

  /* tipografía */
  --bk-font: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;

  /* forma */
  --bk-radio-tarjeta: 10px;
  --bk-radio-control: 8px;
  --bk-radio-dato: 4px;
  --bk-radio-pildora: 999px;
}

@media (prefers-color-scheme: dark) {
  :root:where(:not([data-theme="light"])) {
    color-scheme: dark;
    --bk-plano: #0B1313;
    --bk-superficie: #131C21;
    --bk-superficie-2: #18242A;
    --bk-tinta-1: #FFFFFF;
    --bk-tinta-2: #B6C1C2;
    --bk-tinta-3: #8C989A;
    --bk-linea: #22302F;
    --bk-eje: #2C3D3C;
    --bk-pista: #1E2B2A;
    --bk-marca: #19A79F;
    --bk-marca-pura: #1AACA5;
    --bk-marca-hover: #54C8C2;
    --bk-atenuado: #666B6F;
    --bk-borde: rgba(255,255,255,0.12);
  }
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --bk-plano: #0B1313;
  --bk-superficie: #131C21;
  --bk-superficie-2: #18242A;
  --bk-tinta-1: #FFFFFF;
  --bk-tinta-2: #B6C1C2;
  --bk-tinta-3: #8C989A;
  --bk-linea: #22302F;
  --bk-eje: #2C3D3C;
  --bk-pista: #1E2B2A;
  --bk-marca: #19A79F;
  --bk-marca-pura: #1AACA5;
  --bk-marca-hover: #54C8C2;
  --bk-atenuado: #666B6F;
  --bk-borde: rgba(255,255,255,0.12);
}