/* One type scale for the frame of the site (Mirza, 11.11: « trop de tailles et de polices différentes »).
   Loaded last. The interface (menus, tabs, buttons, counters, lists) uses ONE font, the body font, in 2 sizes and 2 weights:
     --ui-1: 14px  (tabs, buttons, menus, labels)          --w-strong: 600 (what is chosen, titles of a zone)
     --ui-2: 13px  (secondary: counters, small menus)       --w-normal: 500
   The display font (serif) stays for the titles of a page and the words studied (cards, stories, grammar). */
:root { --ui-1: 14px; --ui-2: 13px; --w-strong: 600; --w-normal: 500; }

/* the bar at the top: the two languages, « Se connecter » */
.brand .lang-pick select, .brand .var-pick select { font-family: var(--f-body); font-size: var(--ui-2); font-weight: var(--w-normal); }
#account .link, #account button, .account .link { font-family: var(--f-body); font-size: var(--ui-1); font-weight: var(--w-strong); }

/* the main tabs */
header nav button { font-family: var(--f-body); font-size: var(--ui-1); font-weight: var(--w-normal); }
header nav button[aria-selected="true"] { font-weight: var(--w-strong); }
@media (max-width: 760px) { header nav button { font-size: var(--ui-2); } }

/* Réviser: Vocabulaire / Verbes / Phrases / Histoires — same font as the main tabs (the size is fitted by rvModesFit, at most 14 px) */
.rv-sub.rv-modes .rs-t { font-family: var(--f-body); font-weight: var(--w-normal); font-size: var(--rs-fs, var(--ui-1)); letter-spacing: 0; }
.rv-sub.rv-modes button[aria-selected="true"] .rs-t { font-weight: var(--w-strong); }

/* the strip « Défi du jour »: no monospace, counters with digits of equal width */
.gm-goal-h { font-size: var(--ui-1); }
.gm-goal-h b { font-weight: var(--w-strong); }
.gm-goal-h span { font-family: var(--f-body); font-size: var(--ui-2); font-weight: var(--w-normal); font-variant-numeric: tabular-nums; }
.gm-chip { font-family: var(--f-body); font-size: var(--ui-2); font-weight: var(--w-strong); font-variant-numeric: tabular-nums; }
.gm-ring text { font-size: var(--ui-2); font-weight: var(--w-strong); }

/* the menus under it (Mots ratés, Tous les types…) and every other menu */
select { font-family: var(--f-body); font-size: var(--ui-1); font-weight: var(--w-normal); }
.vb-cat-sel, #rv-filter, #rv-kind { font-size: var(--ui-1); font-weight: var(--w-normal); }

/* Wito's bubble under « Défi du jour »: the whole width, so that the menus under it are hidden, not cut in half (Mirza, 11.11) */
.gm-bubble { left: 0; right: 0; max-width: none; min-height: 52px; display: flex; align-items: center; background: var(--surface); box-shadow: 0 6px 16px rgba(20, 30, 45, .12), 0 0 0 6px var(--surface); }