/* teamleader.se — delat tokenkontrakt
 *
 * Byte-identiska kopior i två repon:
 *   dimelords/lunchguide          → site/tokens.css   (servas på /tokens.css)
 *   freddan-teamleader.github.io  → docs/tokens.css   (servas på /tokens.css)
 *
 * Ändrar du något här: uppdatera BÅDA kopiorna och bumpa ?v= i båda
 * sidornas <link>. Filen cachas en timme, och en stale kopia ger tomma
 * variabler — rubriker faller då till Times.
 *
 * ── VAD SOM DELAS OCH VAD SOM INTE GÖR DET ──────────────────────────
 *
 * Ytorna ska SE OLIKA UT. teamleader.se är strikt och professionell,
 * lunchguiden lekfull och varm. Det som delas är därför vokabulären,
 * inte värdena — samma tokennamn på båda ytorna, olika innehåll. Då
 * flyttar en komponent mellan sidorna utan omskrivning, och ingen
 * behöver lära om namnen.
 *
 * Kontraktet varje yta ska fylla i sin egen :root:
 *
 *   --bg             sidans botten
 *   --surface        upphöjd yta (kort, paneler)
 *   --surface-alt    andra nivån, där den behövs
 *   --border         solid hårstreckslinje
 *   --border-soft    translucent linje, över --bg
 *   --text-primary   löptext
 *   --text-muted     dämpad text — håll ≥ 4,5:1 mot --bg
 *   --accent         accentfärg som BÄR TEXT — håll ≥ 4,5:1 mot --bg
 *   --font-display   rubriksnitt
 *   --font-ui        brödtext och gränssnitt
 *
 * Guldet #c9a96e ger 8,62:1 mot mörk botten men 2,13:1 mot ljus. En
 * accent kan alltså inte flyttas mellan ljust och mörkt läge oförändrad
 * — den måste roteras. Mät innan du byter.
 *
 * ── DET ENDA DELADE VÄRDET ──────────────────────────────────────────
 */

:root {
  /* Monon är den gemensamma signalen mellan ytorna: olika palett,
   * olika rubriksnitt, samma tekniska röst i etiketter och kod. */
  --font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;
}