/* AdMaster huisstijl · tokens · v1.0 (Kalm Kantoor) · zie DESIGN.md
   Fonts: https://fonts.googleapis.com/css2?family=Schibsted+Grotesk:wght@400;500;600;700;800&family=DM+Mono:wght@400;500&family=Nanum+Pen+Script&display=swap */
:root{
  color-scheme:light;

  /* Laag 1: de software */
  --ground:#E6E8E1;        /* Vergaderzaal */
  --surface:#F9F9F5;       /* Printpapier */
  --surface-2:#F0F1EB;
  --ink:#1F2B25;           /* Dennengroen */
  --muted:#5F6B63;
  --line:#D6DACF;
  --line-strong:#B9C0B3;
  --accent:#2F6B4F;        /* Budgetgroen: jij, acties */
  --accent-ink:#F9F9F5;
  --good:#2F7D55;          /* winst */
  --bad:#B8433A;           /* Lekrood: verlies */
  --title-bg:linear-gradient(180deg,#F1F2EC,#E3E6DD);

  /* Laag 2: de mens (Mo) */
  --postit:#F6D96B;        /* Post-it */
  --postit-ink:#2A2A20;
  --tape:rgba(255,255,255,.55);
  --hand:#2F6B4F;          /* Mo's pen */

  /* Type */
  --display:"Schibsted Grotesk",system-ui,sans-serif;
  --body:"Schibsted Grotesk",system-ui,sans-serif;
  --mono:"DM Mono",ui-monospace,Menlo,monospace;
  --handfont:"Nanum Pen Script","Comic Neue",cursive;   /* dun handschrift */
  --display-weight:800;
  --display-track:-.03em;
  --q-weight:700;
  --hand-size:25px;

  /* Vorm en diepte */
  --radius:8px;
  --radius-lg:14px;
  --frame:1px solid #CFD4C8;
  --btn-border:0;
  --shadow:0 1px 0 rgba(31,43,37,.04),0 8px 20px -14px rgba(31,43,37,.35);
  --shadow-lg:0 30px 60px -40px rgba(31,43,37,.5);
  --icon-stroke:1.5;

  /* Ruimte (basis 4px) */
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:24px; --space-6:32px; --space-7:48px; --space-8:72px;

  /* Beweging */
  --spring:cubic-bezier(.34,1.56,.64,1);   /* verend: alles wat de speler aanraakt */
  --ease-out:cubic-bezier(.2,.8,.2,1);     /* rustig: panelen en paginawissels */
  --dur-fast:180ms;   /* hover, focus */
  --dur-base:500ms;   /* knoppen, post-its */
  --dur-slow:800ms;   /* stempel, grote getallen */
}