:root{
  color-scheme: light;

  
  --paper:#f2f0eb;
  --paper-2:#e8e5de;
  --card:#ffffff;
  --ink:#121418;
  --ink-2:#4b505c;
  --ink-3:#8b909b;
  --line:rgba(18,20,24,.09);
  --line-2:rgba(18,20,24,.18);

  
  --t-klant:#e2741c;
  --t-operatie:#0f9d6a;
  --t-ondernemer:#d3367a;
  --t-fundament:#2b59e0;
  --t-intro:#121418;

  
  --f-display:"Bricolage Grotesque","Avenir Next","Helvetica Neue",system-ui,sans-serif;
  --f-body:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;

  
  --r-lg:22px;
  --r-md:14px;
  --r-sm:8px;
  --shadow-1:0 1px 2px rgba(18,20,24,.05),0 3px 10px rgba(18,20,24,.04);
  --shadow-2:0 2px 6px rgba(18,20,24,.06),0 22px 48px rgba(18,20,24,.13);

  
  --d-fast:180ms;
  --d-base:360ms;
  --d-slow:640ms;
  --e-std:cubic-bezier(.2,0,0,1);
  --e-emph:cubic-bezier(.16,1,.3,1);
  --e-exit:cubic-bezier(.4,0,1,1);
}

@media (prefers-reduced-motion:reduce){
  :root{ --d-base:160ms; --d-slow:200ms; }
}