/* ═══════════════════════════════════════════════════════════════════════
   NEXTCORE ACADEMY — Tema de marca para páginas "website" de Frappe
   (templates que extienden templates/web.html -- confirmado que /login
   extiende este base template, así que ESTA es la pantalla que ve
   cualquier estudiante/instructor al entrar por primera vez a
   campus.nextcorevzla.com, sea cual sea el destino final /app o /lms).

   Inyectado vía `web_include_css` en hooks.py (mecanismo estándar de
   Frappe para templates que extienden web.html).

   HALLAZGO REAL: existen DOS reglas `.btn-primary` distintas en el bundle
   compilado de website -- una lee `var(--btn-primary)` (que a su vez lee
   `var(--gray-900)`, viva en tiempo de ejecución), la otra tiene el hex
   baked `#171717`. No se pudo confirmar cuál gana en cada contexto sin
   flakiness -- por eso acá se sobreescriben AMBOS caminos (la variable Y
   el selector directo con !important) para garantizar consistencia real,
   documentado en vez de asumir que la variable sola alcanza. */

@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@600;700&family=DM+Sans:wght@400;500;600&display=swap");

:root {
	--gray-900: #3d2b6b;
	--btn-primary: #3d2b6b;
}

.btn-primary,
.btn-primary:disabled {
	background-color: #3d2b6b !important;
	border-color: #3d2b6b !important;
}
.btn-primary:hover,
.btn-primary:focus {
	background-color: #2f2153 !important;
	border-color: #2f2153 !important;
}

a {
	color: #2e5aac;
}

body {
	font-family: "DM Sans", sans-serif;
}
h1,
h2,
h3,
.page-card-head {
	font-family: "Space Grotesk", sans-serif;
}

/* Logo del login (Website Settings.app_logo) -- solo ajusta tamaño/margen
   para que el isotipo cuadrado no se vea desproporcionado en el card. */
.app-logo {
	max-height: 48px;
	width: auto;
}