/* ===========================
   Craivo — design tokens
   Single source of truth for color, type and shape. Loaded before
   style.css on every page. See docs/redesign-polish-spec.md.
   =========================== */

:root {
  --navy: #1a2332;
  --navy-soft: #232f45;
  --navy-softer: #2c3a54;
  --navy-deep: #10151f;
  --gold: #d4a94e;
  --gold-light: #e8c77e;
  /* Losse kanalen, zodat style.css doorzichtige varianten van dezelfde
     twee kleuren kan opbouwen zonder de waarden nog een keer hard op te
     schrijven. Een pagina die het groene systeem aanzet, zet alleen deze
     tokens om en kleurt daarmee elk bestaand component mee. */
  --navy-rgb: 26, 35, 50;
  --gold-rgb: 212, 169, 78;
  --white: #ffffff;
  --off-white: #f7f5f0;
  --text: #1a2332;
  --text-muted: rgba(26, 35, 50, 0.66);
  --text-on-navy: rgba(255, 255, 255, 0.86);
  --text-on-navy-muted: rgba(255, 255, 255, 0.62);
  --border-soft: rgba(26, 35, 50, 0.1);
  --shadow: 0 20px 50px -25px rgba(26, 35, 50, 0.35);
  --radius: 14px;
  --font-serif: "Playfair Display", "Georgia", serif;
  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;
  --header-height: 76px;
}