/* Designtokens for hele verktøyet.
   Revisjonen av kildekoden fant 18 ulike fontstørrelser (7–22 px), 16 ulike
   border-radius-verdier og over 200 fargeverdier. En stor del av fargene er
   kartografi i vector-map-3d.js og transportfargene, som skal ligge fast.
   Resten — grensesnittet — er samlet her.

   Transportfargene er Ruters egne og endres ikke: buss #d9000d, trikk #28a2f8,
   regionbuss #75a300, T-bane #ec700c, båt #662584, tog #5d5d5d. */
:root{
  /* Typeface */
  --ui-font:'TID','DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --ui-font-mono:'DM Mono',ui-monospace,monospace;

  /* Typografi — seks trinn i stedet for atten */
  --ui-text-xs:11px;   /* merkelapper og hurtigtaster */
  --ui-text-sm:12px;   /* metadata og hjelpetekst */
  --ui-text-md:13px;   /* kompakte rader */
  --ui-text-base:14px; /* vanlig tekst og skjemafelt */
  --ui-text-lg:16px;   /* seksjonsoverskrifter */
  --ui-text-xl:20px;   /* stegtittel */
  --ui-text-2xl:24px;  /* modaloverskrift */

  /* Tekstfarger */
  --ui-text-color:#1d2347;
  --ui-text-secondary:#4a5068;
  --ui-text-muted:#8a90ab;
  --ui-text-on-primary:#ffffff;

  /* Handling */
  --ui-primary:#0474ff;
  --ui-primary-hover:#0060d6;
  --ui-primary-soft:#eaf3ff;
  --ui-primary-border:#9dc6ff;

  /* Flater */
  --ui-surface:#ffffff;
  --ui-surface-subtle:#edeff8;
  --ui-surface-hover:#f1f2f6;
  --ui-page:#f4f4f1;

  /* Rammer */
  --ui-border:#d9dce5;
  /* Deaktivert primærknapp: samme form, uten handlingsfargen. */
  --ui-disabled:#c9d3e2;
  --ui-border-strong:#c7cbe4;
  --ui-divider:#eceef4;

  /* Status */
  --ui-success:#00a651;
  --ui-warning:#ec700c;
  /* Stengt holdeplass har ett uttrykk gjennom hele verktøyet: Ruters gule ring
     rundt en svart prikk i kartet, og samme gule i listene. Den brune paletten
     som lå her ble bare brukt ett sted og lignet ikke på kartet. */
  --ui-closed:#F9C623;
  --ui-closed-soft:#fff6e0;
  --ui-danger:#b91c1c;
  --ui-danger-soft:#eecaca;

  /* Avstand */
  --ui-space-1:4px;
  --ui-space-2:8px;
  --ui-space-3:12px;
  --ui-space-4:16px;
  --ui-space-5:20px;
  --ui-space-6:24px;

  /* Avrunding — fem trinn i stedet for seksten */
  --ui-radius-badge:4px;
  --ui-radius-control:8px;
  --ui-radius-card:12px;
  --ui-radius-panel:16px;
  --ui-radius-pill:999px;

  /* Kontroller */
  --ui-control-height:40px;
  --ui-focus-ring:0 0 0 3px rgba(4,116,255,.22);
}

/* Tastaturfokus ser likt ut overalt. */
:where(button,input,select,textarea,[tabindex]):focus-visible{
  outline:none;
  box-shadow:var(--ui-focus-ring);
  border-radius:var(--ui-radius-control);
}