/* Inbound Tower — designtokens.
   Eén bron voor het hele dashboard én de login-/2FA-pagina's (src/dashboard/server.js).
   Deze file wordt vóór de auth-gate geserveerd, dus hij bevat alleen variabelen, nooit data.
   Licht-only, net als doc.masparts.net/admin (Filament zonder dark mode). */
:root{
  color-scheme:light;

  /* --- kleur: Filament-tokens zoals doc.masparts.net/admin (zinc-grijs, amber primary, blauwe actieknop) --- */
  --ground:#fafafa; --panel:#ffffff; --panel-2:#f4f4f5; --sunk:#e4e4e7;
  --ink:#09090b; --ink-2:#3f3f46; --muted:#71717a; --line:#e4e4e7; --line-2:#d4d4d8;
  --ring:rgba(9,9,11,.05);
  --on-ink:#ffffff;               /* tekst/icoon op een donker vlak (avatar, tooltip, marker, badge) */
  --primary:#f59e0b; --primary-ink:#d97706; --primary-soft:#fef3c7; --primary-text:#b45309; --primary-line:#fde68a;
  --accent:#2563eb; --accent-ink:#ffffff; --accent-soft:#dbeafe; --accent-text:#1d4ed8;
  --amber:#d97706; --amber-soft:#fef3c7;
  --good:#16a34a; --good-soft:#dcfce7; --good-text:#15803d; --good-line:#bbf7d0;
  --warn:#ca8a04; --warn-soft:#fef9c3;
  --crit:#dc2626; --crit-soft:#fee2e2; --crit-text:#b91c1c; --crit-line:#fecaca;
  --attention:#fffbeb;            /* rij die aandacht vraagt, lichter dan --warn-soft */

  /* merk: de kleuren van het Masparts-logo (inlogscherm, net als Masbay) */
  --brand-navy:#1c2a38; --brand-navy-2:#111b26; --brand-red:#e50000;

  /* kaart */
  --land:#ffffff; --land-line:#d4d4d8; --sea:#eef2f7; --route:#93c5fd; --hq:#09090b;
  --map-label:#a1a1aa;            /* landnamen en de gestippelde restroute */

  /* --- ruimte ---
     De schaal: 2 / 4 / 6 / 8 / 12 / 16 / 20 / 24 / 32 / 40 / 48.
     Was 21 losse waardes; 10, 14, 18, 28 en 60 zijn hierop gesnapt.
     1/3/5/7/9px komen nog voor, maar alleen als bewuste uitlijning (een stip
     centreren, de 1px-hairline in .inv-tiles) — nooit als ritme. */
  --sp-2:2px; --sp-4:4px; --sp-6:6px; --sp-8:8px; --sp-12:12px;
  --sp-16:16px; --sp-20:20px; --sp-24:24px; --sp-32:32px; --sp-40:40px; --sp-48:48px;

  /* --- vorm --- */
  --r-sm:6px; --r:.5rem; --r-lg:.75rem; --r-pill:999px;
  --shadow-sm:0 1px 2px rgba(0,0,0,.04);
  --shadow:0 0 0 1px var(--ring),0 1px 2px rgba(0,0,0,.05);
  --shadow-lg:0 0 0 1px rgba(9,9,11,.05),0 20px 40px -12px rgba(0,0,0,.25);

  /* --- type --- */
  --font:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  /* Eén schaal. Was 17 losse waardes (incl. 10.5/11.5/12.5/13.5px): dat is drift, geen schaal. */
  --fs-2xs:11px;   /* tellers in badges, kaartlabels */
  --fs-xs:12px;    /* bijschrift, chip, tabelsubregel */
  --fs-sm:13px;    /* secundaire regel in een rij */
  --fs-base:14px;  /* body, tabel, knop, invoerveld */
  --fs-md:16px;    /* kaartkop */
  --fs-lg:18px;    /* modalkop, groot getal in een rij */
  --fs-xl:24px;    /* bedrag, tegelgetal */
  --fs-display:30px; /* paginatitel, KPI-waarde */

  /* --- beweging ---
     Twee tijdschalen, niet een:
     - een toestandswissel op zijn plek (hover, druk, actief tabblad, chip, teller):
       max ~250ms. Sneller voelt scherp, trager voelt traag. Die regel blijft staan.
     - een vlak dat het scherm in of uit komt (modal, paginawissel): 300-360ms.
       Langer dan 250ms, met opzet: een vlak dat over het scherm beweegt moet je
       kunnen volgen, anders knippert het in plaats van te schuiven. Weg mag korter
       dan binnen - je bent er al klaar mee.
     Alleen background/color/opacity/transform, plus backdrop-filter als vaste waarde
     (nooit als overgang). De twee layout-uitzonderingen die er al zijn en zo blijven:
     grid-template-rows (navgroep) en grid-template-columns (sidebar).
     Nooit beweging op een verversing die de gebruiker niet zelf aanvroeg: de poll van
     60 seconden, elke toetsaanslag in een zoekveld. Zie .nav-ready en .no-anim voor
     hoe je dat afdwingt. --- */
  --ease:cubic-bezier(.2,.7,.2,1); --ease-out:cubic-bezier(.32,.72,0,1);
  --t-fast:120ms; --t-med:200ms;
  --t-nav:260ms; /* open-/dichtklappen van een navgroep: net iets trager dan de rest, iOS-gevoel */
  --t-enter:320ms; /* een vlak komt binnen */
  --t-exit:240ms;  /* en eruit: korter */
  /* Gedempte veer, overshoot ~8%. Alleen op transform gebruiken: op opacity of een
     kleur klemmen de waardes boven 1 en leest het als een hapering. En de duur liegt -
     deze veer komt pas rond 420ms echt tot rust, reken daarmee tegen de 250ms-grens. */
  --ease-spring:linear(0,.0736,.2429,.446,.6418,.8066,.9307,1.0138,1.0613,1.0812,1.0821,1.0714,1.0554,1.0384,1.0231,1.0109,1.0021,.9967,.9939,.993,.9935,.9946,.996,.9974,.9986,.9995,1);
}