/* ==========================================================================
   René Goedhart — Design tokens
   Bron: goedgekeurd ontwerp (designRG.png)
   ========================================================================== */

:root {
  /* Kleuren */
  --rg-navy: #0B2C56;
  --rg-navy-dark: #190E39;
  --rg-tan: #C49D7E;
  --rg-tan-dark: #A9835F;
  --rg-cream: #EFECE5;
  --rg-mist: #E8F3F5;
  --rg-white: #FFFFFF;
  --rg-body: #5B6B82;
  --rg-muted: #8A93A3;
  --rg-border: rgba(11, 44, 86, 0.12);

  /* Typografie */
  --rg-font-heading: "Playfair Display", "Georgia", serif;
  --rg-font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  /* Vorm */
  --rg-radius-pill: 999px;
  --rg-radius-card: 36px;
  --rg-radius-card-sm: 24px;

  /* Schaduw */
  --rg-shadow-card: 0 30px 60px -25px rgba(11, 44, 86, 0.18);
  --rg-shadow-btn: 0 10px 24px -8px rgba(25, 14, 57, 0.35);
  --rg-shadow-btn-hover: 0 16px 30px -8px rgba(25, 14, 57, 0.45);

  /* Beweging */
  --rg-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --rg-speed-fast: 200ms;
  --rg-speed-medium: 400ms;
  --rg-speed-slow: 700ms;
}