/* ============================================================================
   Rescue Capacitar — tokens.css (DOCS/06 §2). Único lugar con colores, radios,
   sombras y tipografías. Prohibido hardcodear valores fuera de aquí.
   ============================================================================ */

/* --- Tipografía: SIEMPRE Barlow, autoalojada --------------------------------- */
@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")}
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:800;font-display:swap;src:url("../fonts/barlow-condensed-800.b1b7dd5dbcea.woff2") format("woff2")}

:root{
  --font-display:"Barlow Condensed",Arial,sans-serif;
  --font-body:"Barlow",Helvetica,Arial,sans-serif;
  --r:10px; --r-sm:7px; --r-lg:16px; --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 §8) */

  /* 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:#0d1211;
  --ui-panel:#141b1a;
  --ui-panel-2:#1b2422;
  --ui-border:#26312e;
  --ui-text:#e8efec;
  --ui-muted:#93a29c;
  --ui-accent:#06e25e;
  --ui-accent-ink:#04120a;
  --ui-accent-soft:#7dbd61;
  --ui-progress:#4f78ff;
  --ui-blue:#6b88ff;
  --ui-warn:#f5b83d;
  --ui-red:#ff5a69;

  --ui-accent-glow:rgba(6,226,94,.15);
  --ui-accent-ring:rgba(6,226,94,.35);
  --ui-badge-muted:rgba(147,162,156,.16);
  --ui-shadow:0 18px 50px -18px rgba(0,0,0,.75);
  --ui-vidrio:rgba(16,22,21,.72);
  --ui-vidrio-borde:rgba(255,255,255,.08);
  --ui-scroll:#26312e;

  /* Escenas Three.js (leídos por frontend/motor/tema.js) */
  --escena-fondo:#000000;
  --escena-primario:#06e25e;
  --escena-secundario:#7dbd61;
  --escena-carga:#144dfa;
  --escena-error:#ff4d5e;
  --escena-mezcla:aditiva;

  --estado-completo:var(--ui-accent);
  --estado-pendiente:var(--ui-muted);
  --estado-vencido:var(--ui-red);

  /* 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);

  /* Aula y Consola de gestión (cáscara común y bloques, aula.css) */
  --aula-bg:#0a1213;
  --aula-mancha-1:rgba(6,226,94,.10);
  --aula-mancha-2:rgba(34,30,227,.18);
  --aula-mancha-3:rgba(125,189,97,.07);
  --aula-hero-1:#0e2a1e;
  --aula-hero-2:#111b40;
  --aula-hero-borde:rgba(255,255,255,.07);
  --aula-destacado-1:#0d3a26;
  --aula-destacado-2:#17266b;
  --aula-destacado-texto:#eef6f2;
  --aviso-suplantacion-1:#6b3d07;
  --aviso-suplantacion-2:#1a2563;
  --aula-sol:#f5b83d;
  --aula-azul-suave:rgba(79,120,255,.16);
  --aula-sombra:inset 0 1px 0 rgba(255,255,255,.03),0 16px 36px -24px rgba(0,0,0,.85);

  /* Propósito de las actividades (DOCS/08 F6.11): icono y borde de cada fila */
  --proposito-evaluacion:#ff6b8b;
  --proposito-colaboracion:#3ddc84;
  --proposito-comunicacion:#4f8dff;
  --proposito-recurso:#38c3d6;
  --proposito-contenido:#9b8cff;
  --proposito-interactivo:#f5b83d;
  --proposito-otro:#9aa7a3;
  /* Fondo del contenido de terceros (paquetes IMS CP): lo diseñaron sobre blanco, en ambos temas */
  --contenido-fondo:#ffffff;
  /* Patrones de marca de los cursos sin imagen */
  --patron-a:#0b3d2a;
  --patron-b:#06e25e;
  --patron-c:#221ee3;
  --patron-d:#0e1f3d;
  --patron-tinta:#ffffff;

  color-scheme:dark;
}

/* --- Tema claro (contraste AA: #0b8340 en lugar de #06e25e — DOCS/06 §2.2) ---- */
[data-theme-ui="light"]{
  --ui-bg:#f4f7f6;
  --ui-panel:#ffffff;
  --ui-panel-2:#eef2f0;
  --ui-border:#d7e1dc;
  --ui-text:#16201e;
  --ui-muted:#56655f;
  --ui-accent:#0b8340;
  --ui-accent-ink:#ffffff;
  --ui-accent-soft:#3f7f32;
  --ui-progress:#144dfa;
  --ui-blue:#2f4fe0;
  --ui-warn:#9a6200;
  --ui-red:#c42c3b;

  --ui-accent-glow:rgba(11,131,64,.12);
  --ui-accent-ring:rgba(11,131,64,.35);
  --ui-badge-muted:rgba(86,101,95,.14);
  --ui-shadow:0 18px 50px -20px rgba(13,22,21,.28);
  --ui-vidrio:rgba(255,255,255,.82);
  --ui-vidrio-borde:rgba(13,22,21,.08);
  --ui-scroll:#c6d2cc;

  --escena-fondo:#eef3f1;
  --escena-primario:#0b8340;
  --escena-secundario:#3f7f32;
  --escena-carga:#144dfa;
  --escena-error:#c42c3b;
  --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);

  --aula-bg:#f1f7f3;
  --aula-mancha-1:rgba(6,226,94,.16);
  --aula-mancha-2:rgba(20,77,250,.11);
  --aula-mancha-3:rgba(245,184,61,.13);
  --aula-hero-1:#e1f6e8;
  --aula-hero-2:#e1eaff;
  --aula-hero-borde:rgba(13,22,21,.06);
  --aula-destacado-1:#0b6b40;
  --aula-destacado-2:#1438a6;
  --aula-destacado-texto:#ffffff;
  --aviso-suplantacion-1:#8a4b00;
  --aviso-suplantacion-2:#1438a6;
  --aula-sol:#f2a516;
  --aula-azul-suave:rgba(20,77,250,.10);
  --aula-sombra:0 1px 2px rgba(13,22,21,.05),0 18px 36px -26px rgba(13,22,21,.4);

  --proposito-evaluacion:#c2185b;
  --proposito-colaboracion:#0b8340;
  --proposito-comunicacion:#1d4ed8;
  --proposito-recurso:#0e7490;
  --proposito-contenido:#6d28d9;
  --proposito-interactivo:#a16207;
  --proposito-otro:#5b6664;
  --patron-a:#d7f5e3;
  --patron-b:#0b8340;
  --patron-c:#2b3fd6;
  --patron-d:#e7ecff;
  --patron-tinta:#0d1615;

  color-scheme:light;
}

/* --- 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);
}