/**
 * Roskam — globale design tokens
 * Overschrijf per project via :root of body-class in child CSS.
 */

:root {
	/* ── Merk-kleuren ─────────────────────────────────────────── */
	--rk-primary: #006dc2;
	--rk-primary-dark: #004d90;
	--rk-primary-light: #3b5ccc;

	--rk-secondary: #eef4ff;
	--rk-secondary-dark: #dbeafe;

	--rk-cta: #dc2626;
	--rk-cta-dark: #b91c1c;
	--rk-cta-light: #ef4444;

	/* ── Neutraal & tekst ───────────────────────────────────── */
	--rk-white: #ffffff;
	--rk-black: #0f172a;

	--rk-text: #0f172a;
	--rk-text-muted: #64748b;
	--rk-text-inverse: #ffffff;

	--rk-border: #e2e8f0;
	--rk-border-strong: #cbd5e1;

	--rk-surface: #ffffff;
	--rk-surface-muted: #f8fafc;
	--rk-surface-raised: #ffffff;

	/* ── Feedback ───────────────────────────────────────────── */
	--rk-success: #16a34a;
	--rk-warning: #f59e0b;
	--rk-error: #dc2626;
	--rk-info: #2563eb;

	/* ── Layout & vorm ──────────────────────────────────────── */
	--rk-radius: 1rem;
	--rk-radius-sm: 0.5rem;
	--rk-radius-lg: 1.5rem;
	--rk-radius-full: 9999px;

	--rk-shadow-sm: 0 1px 2px rgb(15 23 42 / 0.06);
	--rk-shadow: 0 10px 25px -5px rgb(15 23 42 / 0.1);
	--rk-shadow-lg: 0 25px 50px -12px rgb(15 23 42 / 0.18);

	--rk-header-height: 3.5rem;
	--rk-header-content-width: 1280px;
	--rk-topheader-height: 2.25rem;
	--rk-transition: 300ms ease-out;
	--rk-transition-fast: 150ms ease-out;

	/* Onder WP admin bar (99999), boven Avada/Fusion-content */
	--rk-z-header: 99991;
	--rk-z-megamenu: 2;
	--rk-z-search: 3;
	--rk-z-overlay: 99991;

	--rk-radius-2xl: 1rem;

	/* ── Typografie (basis) ───────────────────────────────────── */
	--rk-font-sans: inherit;
	--rk-font-size-sm: 0.875rem;
	--rk-font-size-base: 1rem;
	--rk-font-size-lg: 1.125rem;
}