/* ============================================================================
   Rescue Wiki — tokens.css (DOCS/06 §2). ÚNICO lugar con colores, radios,
   sombras y tipografías (R-UI-03: una prueba busca hexadecimales en otros CSS).

   Identidad elegida por el usuario el 13/10/2026 (doc 02 D27): organización
   «Árbol de la biblioteca», estilo «Vidrio», acento verde de marca, tema según
   la hora de Bogotá y densidad compacta.
   ============================================================================ */

/* --- Tipografía: SIEMPRE Barlow, autoalojada (código: pila del sistema) --------- */
@font-face{font-family:"Barlow";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/barlow-400.81419bf5abb5.woff2") format("woff2")}
@font-face{font-family:"Barlow";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/barlow-500.8e986e86d57e.woff2") format("woff2")}
@font-face{font-family:"Barlow";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/barlow-600.a1e2a2d7d4c0.woff2") format("woff2")}
@font-face{font-family:"Barlow";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/barlow-700.15481e4eab6d.woff2") format("woff2")}
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/barlow-condensed-500.24f826a7cf9c.woff2") format("woff2")}
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/barlow-condensed-600.ba4513495282.woff2") format("woff2")}
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/barlow-condensed-700.e1180918b873.woff2") format("woff2")}

:root{
  --font-display:"Barlow Condensed",Arial,sans-serif;
  --font-body:"Barlow",Helvetica,Arial,sans-serif;
  --font-mono:ui-monospace,"Cascadia Mono","Segoe UI Mono",Consolas,"Liberation Mono",monospace;
  /* Vidrio: radios generosos en paneles, píldoras en campos y navegación */
  --r:12px; --r-sm:8px; --r-lg:20px; --r-xl:26px; --r-pill:999px;
  --ease:cubic-bezier(.4,0,.2,1);
  --t-rapida:120ms;  /* única duración de transición permitida (retroalimentación de estado, DOCS/06 §10.3) */
  --medida-lectura:46rem; /* 72 caracteres por línea como máximo (R-UI-01) */
  --ancho-arbol:280px;    /* panel del árbol de la biblioteca (DOCS/06 §4.1) */
  --alto-barra:56px;      /* barra superior (escritorio y móvil) */

  /* Marca (manual de marca) */
  --marca-verde:#06e25e;
  --marca-verde-logo:#7dbd61;
  --marca-azul:#221ee3;
  --marca-azul-progreso:#144dfa;
  --marca-negro:#000000;

  /* Interfaz — tema oscuro por defecto */
  --ui-bg:#0a1213;
  --ui-papel:#121918;
  --ui-panel:#141b1a;
  --ui-panel-2:#1b2422;
  --ui-lateral:#0f1716;
  --ui-border:#26312e;
  --ui-borde-control:#5a6e67; /* 3:1 sobre el panel (WCAG 1.4.11) */
  --ui-text:#e8efec;
  --ui-muted:#93a29c;
  --ui-accent:#06e25e;
  --ui-accent-ink:#04120a;
  --ui-link:#7ea2ff;
  --ui-progress:#4f78ff;
  --ui-warn:#f5b83d;
  --ui-red:#ff5a69;
  --ui-ok:#3ddc84;
  --ui-blanco:#ffffff;
  --ui-marca:#06e25e;
  --ui-seleccion:#14301f;

  --ui-accent-glow:rgba(6,226,94,.15);
  --ui-accent-ring:rgba(6,226,94,.35);
  --ui-shadow:0 18px 50px -18px rgba(0,0,0,.75);
  --ui-sombra-panel:inset 0 1px 0 rgba(255,255,255,.03),0 16px 36px -24px rgba(0,0,0,.85);
  --ui-vidrio:rgba(16,22,21,.74);
  --ui-vidrio-borde:rgba(255,255,255,.08);
  --ui-scroll:#26312e;
  --ui-velo:rgba(0,0,0,.55);
  /* Fondo de la plataforma: manchas de luz de los colores de marca; portada del inicio */
  --ui-mancha-1:rgba(6,226,94,.08);
  --ui-mancha-2:rgba(34,30,227,.16);
  --ui-portada-1:#0e2a1e;
  --ui-portada-2:#111b40;

  /* Tipos de entidad (configurables en F21; siempre con icono además del color, R-UI-02) */
  --entidad-estante:#b794ff;
  --entidad-libro:#3ddc84;
  --entidad-capitulo:#f5b83d;
  --entidad-pagina:#7ea2ff;
  --entidad-borrador:#c4a3ff;

  /* Contenido de usuario: código, avisos y paleta cerrada (DOCS/14 §4) */
  --codigo-fondo:#0a0f0e;
  --codigo-texto:#e8efec;
  --codigo-borde:#1f2a27;
  --tok-comentario:#7f918a;
  --tok-clave:#c792ea;
  --tok-cadena:#9ee08b;
  --tok-numero:#f7a76c;
  --tok-funcion:#82aaff;
  --tok-tipo:#ffcb6b;
  --tok-operador:#89ddff;
  --aviso-info:#7ea2ff;
  --aviso-exito:#3ddc84;
  --aviso-advertencia:#f5b83d;
  --aviso-peligro:#ff5a69;
  --color-rojo:#ff6b78;
  --color-naranja:#ff9f5a;
  --color-amarillo:#f5d04a;
  --color-verde:#3ddc84;
  --color-cian:#4dd8e6;
  --color-azul:#7ea2ff;
  --color-morado:#c4a3ff;
  --color-gris:#a3b1ab;
  --diff-mas:rgba(61,220,132,.16);
  --diff-menos:rgba(255,90,105,.16);

  /* Escenas Three.js (leídos por frontend/motor/tema.js) */
  --escena-primario:#06e25e;
  --escena-secundario:#7dbd61;
  --escena-carga:#144dfa;
  --escena-error:#ff4d5e;
  --escena-aviso:#f5b83d;
  --escena-papel:#e9efe9;
  --escena-madera:#3a2c22;
  --escena-luna:#dfe7ff;
  --escena-mezcla:aditiva;

  /* Botón de marca (degradado de los verdes del manual) */
  --boton-marca-1:#06e25e;
  --boton-marca-2:#7dbd61;
  --boton-marca-ink:#04120a;
  --boton-marca-sombra:0 14px 30px -14px rgba(6,226,94,.6);

  --sol:#f5b83d;
  color-scheme:dark;
}

/* --- Tema claro (contraste AA: #0b8340 en lugar de #06e25e — DOCS/06 §2.2) ---- */
[data-theme-ui="light"]{
  --ui-bg:#f4f7f6;
  --ui-papel:#ffffff;
  --ui-panel:#ffffff;
  --ui-panel-2:#eef2f0;
  --ui-lateral:#f9fbfa;
  --ui-border:#d7e1dc;
  --ui-borde-control:#869690;
  --ui-text:#16201e;
  --ui-muted:#56655f;
  --ui-accent:#0b8340;
  --ui-accent-ink:#ffffff;
  --ui-link:#1d4ed8;
  --ui-progress:#144dfa;
  --ui-warn:#9a6200;
  --ui-red:#c42c3b;
  --ui-ok:#0b7a3b;
  --ui-marca:#0b8340;
  --ui-seleccion:#dcefe2;

  --ui-accent-glow:rgba(11,131,64,.12);
  --ui-accent-ring:rgba(11,131,64,.35);
  --ui-shadow:0 18px 50px -20px rgba(13,22,21,.28);
  --ui-sombra-panel:0 1px 2px rgba(13,22,21,.05),0 14px 30px -24px rgba(13,22,21,.35);
  --ui-vidrio:rgba(255,255,255,.82);
  --ui-vidrio-borde:rgba(13,22,21,.08);
  --ui-scroll:#c6d2cc;
  --ui-velo:rgba(13,22,21,.4);
  --ui-mancha-1:rgba(11,131,64,.08);
  --ui-mancha-2:rgba(20,77,250,.07);
  --ui-portada-1:#e3f3e9;
  --ui-portada-2:#e6ebfb;

  --entidad-estante:#6d3fd1;
  --entidad-libro:#0b7a3b;
  --entidad-capitulo:#a85a00;
  --entidad-pagina:#1d4ed8;
  --entidad-borrador:#7e50b1;

  --codigo-fondo:#f1f4f3;
  --codigo-texto:#16201e;
  --codigo-borde:#d7e1dc;
  --tok-comentario:#5f6f69;
  --tok-clave:#7b2fbf;
  --tok-cadena:#1f7a2e;
  --tok-numero:#a64a00;
  --tok-funcion:#1d4ed8;
  --tok-tipo:#8a5a00;
  --tok-operador:#0b6f80;
  --aviso-info:#1d4ed8;
  --aviso-exito:#0b7a3b;
  --aviso-advertencia:#9a6200;
  --aviso-peligro:#c42c3b;
  --color-rojo:#c42c3b;
  --color-naranja:#b54d00;
  --color-amarillo:#8a6d00;
  --color-verde:#0b7a3b;
  --color-cian:#0b6f80;
  --color-azul:#1d4ed8;
  --color-morado:#7e50b1;
  --color-gris:#5c6b66;
  --diff-mas:rgba(11,122,59,.12);
  --diff-menos:rgba(196,44,59,.12);

  --escena-primario:#0b8340;
  --escena-secundario:#3f7f32;
  --escena-carga:#144dfa;
  --escena-error:#c9303e;
  --escena-aviso:#a86800;
  --escena-papel:#ffffff;
  --escena-madera:#8a6a4f;
  --escena-luna:#f4f7ff;
  --escena-mezcla:normal;

  --boton-marca-1:#0b8340;
  --boton-marca-2:#0a6c5c;
  --boton-marca-ink:#ffffff;
  --boton-marca-sombra:0 14px 28px -14px rgba(11,131,64,.6);

  --sol:#f2a516;
  color-scheme:light;
}

/* --- Alto contraste (prefers-contrast, DOCS/06 §7) ------------------------------ */
@media (prefers-contrast:more){
  :root{--ui-border:#5a6e67;--ui-muted:#b4c2bc}
  [data-theme-ui="light"]{--ui-border:#869690;--ui-muted:#3d4a45}
}

/* --- Cielo de las pantallas de marca según la franja de Bogotá -----------------
   La escena Three.js es transparente: este degradado es su cielo. El tono de
   abajo coincide con la niebla de la escena para que el horizonte se funda. */
.cielo--noche{
  --cielo-1:#02060f; --cielo-2:#061331; --cielo-3:#0a1b33; --cielo-4:#060b12;
  --cielo-brillo:rgba(6,226,94,.13); --cielo-brillo-2:rgba(34,30,227,.28);
}
.cielo--dia{
  --cielo-1:#4aa8ea; --cielo-2:#94d0f4; --cielo-3:#cdebf6; --cielo-4:#e3f2f4;
  --cielo-brillo:rgba(255,255,255,.7); --cielo-brillo-2:rgba(255,232,160,.4);
}
.cielo--amanecer{
  --cielo-1:#0a1238; --cielo-2:#2b2d6c; --cielo-3:#7c5288; --cielo-4:#d98c78;
  --cielo-brillo:rgba(255,168,120,.42); --cielo-brillo-2:rgba(34,30,227,.22);
}
[data-theme-ui="light"] .cielo--amanecer{
  --cielo-1:#5e9fe0; --cielo-2:#aac8ef; --cielo-3:#f3cfb8; --cielo-4:#ffe3cc;
  --cielo-brillo:rgba(255,196,140,.55); --cielo-brillo-2:rgba(255,240,200,.4);
}
.cielo--atardecer{
  --cielo-1:#101845; --cielo-2:#3a2d6d; --cielo-3:#954d70; --cielo-4:#df8468;
  --cielo-brillo:rgba(255,140,90,.4); --cielo-brillo-2:rgba(34,30,227,.24);
}
[data-theme-ui="light"] .cielo--atardecer{
  --cielo-1:#558bd6; --cielo-2:#a6bce8; --cielo-3:#f2c2a2; --cielo-4:#ffd9bb;
  --cielo-brillo:rgba(255,170,100,.55); --cielo-brillo-2:rgba(255,226,190,.4);
}