/* admin-type.css — acult-type.css for the admin console and team page, WITHOUT its @import.
   The console loads its fonts itself, without blocking the first paint (a stylesheet that
   @imports another one makes the browser wait for both before drawing anything).
   Keep in step with acult-type.css. */
/* acult-type.css — one type scheme for every acult page.
   ------------------------------------------------------------------------
   The acult app (its default "nova" design) sets type in:
     headings / display ....... Unbounded
     text, buttons, labels .... Google Sans (and the small "mono" labels)
     Hindi .................... Tiro Devanagari Hindi
   (owner, 29 Oct 2026: "change the small fonts in english in whole of acult
   to Google Sans and hindi - Tiro Devanagari". Was Manrope / Noto Sans
   Devanagari. Manrope stays as the fallback should Google Sans not load.)
   Pages had drifted — the help centre in Poppins/Inter, the enrolment and
   report pages in Google Sans Flex (never loaded, so English fell back to a
   serif), the PMP pages in Fraunces/Inter/JetBrains Mono, the class page in
   the system font, and small labels in JetBrains Mono across Learn, Tests,
   pricing and about. Every page draws its type from a handful of CSS
   variables; this file sets all of them to the app's fonts, on every
   element, so no page or component can keep a different font.
   Linked last in <head> on every page. Leave it there. */
/* Tiro for Devanagari letters only — see acult-type.css: English stays in Google Sans on Hindi pages. */
@font-face { font-family: 'Acult Tiro'; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url(/fonts/tiro-devanagari-hindi-devanagari-400-normal.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF; }
@font-face { font-family: 'Acult Tiro'; font-style: italic; font-weight: 100 900; font-display: swap;
  src: url(/fonts/tiro-devanagari-hindi-devanagari-400-italic.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF; }
*, *::before, *::after {
  /* the app's three stacks */
  --ac-display: 'Unbounded', 'Acult Tiro', system-ui, -apple-system, 'Segoe UI', 'Noto Sans Devanagari', 'Tiro Devanagari Hindi', sans-serif !important;
  --ac-text:    'Acult Tiro', 'Google Sans', 'Manrope', system-ui, -apple-system, 'Segoe UI', 'Noto Sans Devanagari', 'Tiro Devanagari Hindi', sans-serif !important;
  --ac-hindi:   'Acult Tiro', 'Google Sans', 'Manrope', system-ui, -apple-system, 'Segoe UI', 'Noto Sans Devanagari', 'Tiro Devanagari Hindi', sans-serif !important;

  /* every font variable used anywhere on the site, mapped to them */
  --font-display: var(--ac-display) !important;
  --font-brand:   var(--ac-display) !important;
  --display:      var(--ac-display) !important;
  --font-body:    var(--ac-text) !important;
  --sans:         var(--ac-text) !important;
  --font:         var(--ac-text) !important;
  --font-mono:    var(--ac-text) !important;
  --mono:         var(--ac-text) !important;
  --num:          var(--ac-text) !important;
  --acp-mono:     var(--ac-text) !important;
  --acp-text:     var(--ac-text) !important;
  --acp-disp:     var(--ac-display) !important;
  --font-hi:      var(--ac-hindi) !important;
  --font-deva:    var(--ac-hindi) !important;
  --hi:           var(--ac-hindi) !important;
  --hindi:        var(--ac-hindi) !important;
  --acf-text:     var(--ac-text) !important;   /* the site footer */
  --acf-display:  var(--ac-display) !important;
}

/* Base text for any page that names no font of its own. */
html body { font-family: var(--ac-text); }
html[lang^="hi"] body { font-family: var(--ac-hindi); }
/* Anything marked as Hindi (lang="hi") reads in Tiro, even inside English text. */
/* Hindi always reads in Tiro.
   Google Sans has Devanagari of its own, so Hindi has to be steered to Tiro explicitly:
   - anything marked as Hindi (lang="hi": Learn's bilingual text, the हिं buttons) takes the Hindi stack;
   - on a page shown in Hindi (<html lang="hi">, as the app does), Tiro leads the text stack, so the
     interface's Hindi is Tiro too (English words there stay in Google Sans — 'Acult Tiro' has no Latin letters). */
html body [lang|="hi"] { font-family: var(--ac-hindi) !important; }
html[lang^="hi"] *, html[lang^="hi"] *::before, html[lang^="hi"] *::after {
  --ac-text: 'Acult Tiro', 'Google Sans', 'Manrope', system-ui, -apple-system, 'Segoe UI', 'Noto Sans Devanagari', 'Tiro Devanagari Hindi', sans-serif !important;
}

/* Headings are the display face unless a page styles them deliberately. */
html body :where(h1, h2, h3) { font-family: var(--ac-display); }

/* Buttons and form fields otherwise get the browser's own font (Arial). */
html body :where(button, input, select, textarea, optgroup) { font-family: inherit; }
