/*
 * Creole Language Classes brand-token overrides.
 *
 * Loaded AFTER style.bundle.css so the cascade wins without recompiling Keen's
 * SASS. Each token is a CSS variable that Keen's compiled rules reference via
 * var(); overriding the variable shifts every rule that uses it.
 *
 * Brand palette — a warm teal primary fitting a Mauritian-Creole language
 * school:
 *   primary           #1a8a7a   (teal)
 *   primary hover     #149384
 *   primary light     #e3f4f1
 */

/* System font stack — Keen ships an Inter-from-Google-Fonts link; we serve no
   third-party font host, so fall back to the system stack for a clean look
   with no external request. */
:root {
    --bs-body-font-family: -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
body {
    font-family: -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
}

/* Brand primary — applies in both light + dark. */
:root,
[data-bs-theme="light"],
[data-bs-theme="dark"] {
    --bs-primary:               #1a8a7a;
    --bs-primary-rgb:           26, 138, 122;
    --bs-primary-active:        #149384;
    --bs-primary-active-rgb:    20, 147, 132;
    --bs-primary-light:         #e3f4f1;
    --bs-primary-light-rgb:     227, 244, 241;
    --bs-primary-clarity:       rgba(26, 138, 122, 0.2);
    --bs-primary-inverse:       #ffffff;
}

/* Ensure brand text picks up the overridden primary token (some Keen builds
   compile .text-primary against the original SASS colour). */
.text-primary {
    color: var(--bs-primary) !important;
}

/* Auth (login) page centring helper. */
.auth-bg {
    min-height: 100vh;
}