/* ============================================================
   V-Choux typography
   MBF Inno  — display / logotype / slide titles. Uppercase, wide tracking.
   Quicksand — the product UI face (weights 300-700), set in globals.css
               as both --font-quicksand and the default sans.
   Inter     — long-form reading inside the Academy Learning Canvas.
   ui-monospace — micro-labels only ("V-CHOUX ACADEMY", diagram captions).
   ============================================================ */
:root{
  --font-display:'MBF Inno','Quicksand',system-ui,sans-serif;
  --font-sans:'Quicksand',system-ui,sans-serif;
  --font-reading:'Inter',system-ui,sans-serif;
  --font-mono:ui-monospace,SFMono-Regular,Menlo,monospace;

  /* weights actually loaded in the product */
  --fw-light:300; /* @kind font */
  --fw-regular:400; /* @kind font */
  --fw-medium:500; /* @kind font */
  --fw-semibold:600; /* @kind font */
  --fw-bold:700; /* @kind font */

  /* --- app UI scale (Tailwind steps the product uses) --- */
  --text-xs:0.75rem; /* @kind font */    --lh-xs:1rem;
  --text-sm:0.875rem; /* @kind font */   --lh-sm:1.25rem;
  --text-base:1rem; /* @kind font */     --lh-base:1.5rem;
  --text-lg:1.125rem; /* @kind font */   --lh-lg:1.75rem;
  --text-xl:1.25rem; /* @kind font */    --lh-xl:1.75rem;
  --text-2xl:1.5rem; /* @kind font */    --lh-2xl:2rem;
  --text-3xl:1.875rem; /* @kind font */  --lh-3xl:2.25rem;
  --text-4xl:2.25rem; /* @kind font */   --lh-4xl:2.5rem;
  --text-5xl:3rem; /* @kind font */      --lh-5xl:1; /* @kind font */
  --text-hero:4rem; /* @kind font */     --lh-hero:4rem;   /* about-page h1 at lg */

  /* --- slide scale (1920x1080 deck) --- */
  --slide-title:76px; /* @kind font */
  --slide-title-sm:56px; /* @kind font */
  --slide-subtitle:30px; /* @kind font */
  --slide-body:30px; /* @kind font */
  --slide-caption:22px; /* @kind font */
  --slide-micro:17px; /* @kind font */

  /* --- semantic roles --- */
  --type-eyebrow-size:var(--text-sm); /* @kind font */
  /* Le etichette di sezione non hanno spaziatura fra le lettere e non vanno in
     maiuscolo. Era il kicker di una pagina vetrina (5px di tracking, tutto
     maiuscolo): su un'etichetta da dodici pixel diventava
     «C H I E S T O  E  N O N  C O N T R O L L A T O», una parola che si
     compita invece di leggersi. Baron Bank e' tutto interfaccia di lavoro e
     non ha nessuna superficie vetrina: un'etichetta si distingue perche' e'
     piccola e grigia, non perche' e' stirata.

     I due token restano (non spariscono dal design system, che serve anche
     altrove) ma qui valgono `normal` e `none`, e ogni regola che li usa
     prende il valore da loro: cambiarli in un posto solo cambia tutto il
     portale. */
  --type-eyebrow-tracking:normal; /* @kind font */
  --type-eyebrow-transform:none; /* @kind font */
  --type-display-tracking:0.06em; /* @kind font */   /* MBF Inno headline tracking */
  --type-body-line-height:1.7; /* @kind font */
  --type-tight-tracking:-0.01em; /* @kind font */
}