/* Vibe-it design tokens (Studio Pulse). Eén bron voor kleur, type, ruimte en beweging. */
:root {
  --ink: #0A0F1E;
  --cyan: #00E5FF;
  --purple: #A855F7;
  --lime: #CCFF3D;
  --mist: #94A3B8;
  --light: #F8FAFC;
  --white: #FFFFFF;
  --azure: #3988FF;
  --navy: #0D1629;
  --navy-2: #101C31;
  --panel: #111D33;
  --panel-high: #182640;
  --text: var(--light);
  --text-2: #CBD5E1;
  --text-3: #9AAAC0;
  --line: #2B3B54;
  --line-soft: rgba(148, 163, 184, .18);
  --line-bright: rgba(0, 229, 255, .42);
  --surface: var(--ink);
  --surface-2: var(--navy-2);
  --purple-ink: #C084FC;
  --cyan-ink: var(--cyan);
  --on-ink: var(--light);
  --on-ink-2: #CBD5E1;
  --on-ink-3: #9AAAC0;
  --ok: #86EFAC;
  --fout: #FCA5A5;
  --grad: linear-gradient(100deg, var(--cyan), var(--azure) 52%, var(--purple));
  --cta-grad: linear-gradient(110deg, var(--cyan), var(--lime));
  --font: "Plus Jakarta Sans", Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --fs-0: .875rem;
  --fs-1: 1rem;
  --fs-2: 1.0625rem;
  --fs-3: 1.1875rem;
  --fs-h3: 1.25rem;
  --fs-h2: clamp(2.25rem, 1.5rem + 2.6vw, 4.25rem);
  --fs-h1: clamp(3.1rem, 2rem + 4.7vw, 6.7rem);
  --lh: 1.65;
  --s-1: .25rem;
  --s-2: .5rem;
  --s-3: .75rem;
  --s-4: 1rem;
  --s-5: 1.5rem;
  --s-6: 2rem;
  --s-7: 3rem;
  --s-8: 4rem;
  --s-9: 6rem;
  --sectie: clamp(5rem, 3rem + 5vw, 8.5rem);
  --r-1: 8px;
  --r-2: 12px;
  --r-3: 18px;
  --r-4: 28px;
  --r-5: 38px;
  --wrap: 1280px;
  --shadow-1: 0 1px 2px rgba(0, 0, 0, .18);
  --shadow-2: 0 24px 80px rgba(0, 0, 0, .28);
  --shadow-stage: 0 40px 120px rgba(0, 0, 0, .38);
  --t-snel: 180ms;
  --t-traag: 700ms;
  --ease: cubic-bezier(.2, .75, .2, 1);
  --focus: 0 0 0 3px var(--ink), 0 0 0 6px var(--cyan);
}