/* VOI website-v3 — design-tokens (bron: site-storyboard.md + proefje-site-structuur)
   Neon-blauw #3E8BFF-familie · teal = leer-modus · licht default, donker via [data-theme="dark"].
   Let op: nooit clamp() in een font:-shorthand — altijd losse font-size properties. */

:root{
  /* canvas & inkt */
  --bg:#FDFDFF;
  --surface:#FFFFFF;
  --ink:#0E1524;
  --ink-2:rgba(14,21,36,.66);
  --ink-3:rgba(14,21,36,.55);
  --line:rgba(52,96,178,.12);
  --line-strong:rgba(52,96,178,.24);

  /* neon-blauw familie: --neon voor rand/gloed/grote letters,
     --neon-ink voor kleine tekst en gevulde knoppen (contrast-veilig op wit) */
  --neon:#3E8BFF;
  --neon-2:#6BC1FF;
  --neon-ink:#2472E8;
  --neon-soft:rgba(62,139,255,.16);
  --neon-faint:rgba(62,139,255,.07);

  /* teal = leer-modus (kijken, niet bedienen) */
  --teal:#3FB6BE;
  --teal-ink:#17828A;
  --teal-soft:rgba(63,182,190,.14);

  --success:#2E9E6B;

  /* dagboek: de éne donkere kaart — vast, thema-onafhankelijk donker */
  --diary-bg:#0C1220;
  --diary-ink:#EDF1F8;
  --diary-ink-2:rgba(237,241,248,.78);
  --diary-ink-3:rgba(237,241,248,.60);
  --diary-accent:#9CC8FF;
  --diary-line:rgba(107,193,255,.14);

  /* verouderde software (BoekhoudPro) — bewust gedateerd, licht in beide thema's */
  --win-bg:#F4F4F2;
  --win-line:#C9C9C4;
  --win-bar:#E4E4DF;
  --win-menu:#ECECE8;
  --win-ink:#444444;

  /* diepte */
  --card-shadow:0 1px 2px rgba(30,64,140,.04),
                0 24px 60px -24px rgba(30,64,140,.28),
                0 60px 120px -40px rgba(62,139,255,.22);
  --chip-shadow:0 1px 2px rgba(30,64,140,.05),0 10px 28px -14px rgba(30,64,140,.25);
  --hero-plan-shadow:0 1px 2px rgba(30,64,140,.05),
                     0 30px 70px -26px rgba(62,139,255,.4),
                     0 60px 120px -40px rgba(62,139,255,.24);
  --btn-shadow:0 10px 24px -10px rgba(36,114,232,.6);
  --cta-shadow:0 12px 32px -14px rgba(14,21,36,.5);
  --cta-bg:var(--ink);
  --cta-fg:#FFFFFF;

  /* typografie */
  --serif:'Newsreader',Georgia,serif;
  --sans:'Inter',system-ui,-apple-system,sans-serif;
  --mono:ui-monospace,'SF Mono',Menlo,Consolas,monospace;
  --text-h1:clamp(2.3rem,1.4rem + 3.2vw,4.1rem);
  --text-h2:clamp(1.8rem,1.2rem + 2.2vw,2.9rem);
  --text-big:clamp(2.6rem,2rem + 2.5vw,4rem);
  --text-huge:clamp(3.4rem,2.6rem + 3.5vw,5.6rem);
  --text-mono:clamp(.74rem,.68rem + .3vw,.86rem);

  /* ritme & motion */
  --sec-gap:clamp(5rem,4rem + 6vw,9.5rem);
  --ease:cubic-bezier(0.16,1,0.3,1);
  --dur-fast:150ms;
  --dur:300ms;
}

[data-theme="dark"]{
  --bg:#0A0E19;
  --surface:#111A2E;
  --ink:#EAF0FA;
  --ink-2:rgba(234,240,250,.72);
  --ink-3:rgba(234,240,250,.58);
  --line:rgba(140,180,255,.14);
  --line-strong:rgba(140,180,255,.28);

  --neon-ink:#6BC1FF;
  --neon-soft:rgba(62,139,255,.22);
  --neon-faint:rgba(62,139,255,.10);

  --teal-ink:#5BC8CF;
  --teal-soft:rgba(63,182,190,.20);

  --success:#4DBA8A;

  /* het dagboek blijft hét donkere paneel: dieper dan het canvas */
  --diary-bg:#060A14;
  --diary-line:rgba(107,193,255,.22);

  --card-shadow:0 1px 2px rgba(0,0,0,.4),
                0 24px 60px -24px rgba(0,0,0,.7),
                0 60px 120px -40px rgba(62,139,255,.18);
  --chip-shadow:0 1px 2px rgba(0,0,0,.4),0 10px 28px -14px rgba(0,0,0,.6);
  --hero-plan-shadow:0 1px 2px rgba(0,0,0,.4),
                     0 30px 70px -26px rgba(62,139,255,.35),
                     0 60px 120px -40px rgba(62,139,255,.2);
  --btn-shadow:0 10px 24px -10px rgba(62,139,255,.5);
  --cta-shadow:0 12px 32px -14px rgba(0,0,0,.6);
  --cta-bg:#EAF0FA;
  --cta-fg:#0E1524;
}