/* Samurai design tokens. Groentinten gesampled uit de productinterface (app.partnerinsights.nl) */
:root {
  /* Kerngroenen uit de app */
  --samurai-deep: #003433;      /* sidebar, donkere vlakken */
  --samurai-teal: #10736C;      /* header, primaire accenten */
  --samurai-teal-bright: #15726C;

  /* Afgeleide tinten */
  --samurai-teal-dark: #0B5751;
  --samurai-teal-light: #3D948D;
  --samurai-mist: #ADC8C7;      /* actieve items, subtiele highlights */
  --samurai-wash: #E8F0EF;      /* lichte achtergrondvlakken */
  --samurai-paper: #F7FAF9;

  /* Extra merktinten voor de site */
  --samurai-night: #002322;     /* nog donkerder dan deep, voor diepte */
  --samurai-shade: #002A29;     /* header- en menuvlak */
  --samurai-accent: #18A79C;    /* fel accent-teal voor highlights */
  --samurai-accent-soft: #5FD3C9;

  /* Neutralen */
  --ink: #0D1B1A;
  --ink-soft: #3C4A49;
  --ink-muted: #6B7A79;
  --white: #FFFFFF;

  /* Typografie */
  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  /* Maatvoering */
  --radius: 12px;
  --radius-lg: 20px;
  --shadow-card: 0 2px 12px rgba(0, 52, 51, 0.08);
  --shadow-card-hover: 0 8px 28px rgba(0, 52, 51, 0.14);
  --container: 1140px;

  /* Merkmotief: de hoek van de slash uit het logo (circa 20 graden) */
  --slash-angle: -20deg;
}