/**
 * Taxi Blauw — design tokens
 *
 * Vaste merkkleuren. Geen Avada --awb-color* bridge: die posities
 * zijn per site anders ingevuld en breken header/form styling.
 */

:root {
	/* ── Brand ───────────────────────────────────────────────── */

	--tb-primary: #001397;
	--tb-primary-hover: #0018b8;
	--tb-primary-foreground: #ffffff;

	--tb-primary-5: rgb(0 19 151 / 0.05);
	--tb-primary-10: rgb(0 19 151 / 0.1);
	--tb-primary-20: rgb(0 19 151 / 0.2);

	/* ── Text ───────────────────────────────────────────────── */

	--tb-foreground: #0f172a;
	--tb-foreground-muted: rgb(15 23 42 / 0.7);
	--tb-muted-foreground: #64748b;
	--tb-foreground-subtle: rgb(15 23 42 / 0.75);

	/* ── Surfaces & borders ─────────────────────────────────── */

	--tb-background: #ffffff;
	--tb-card: rgb(255 255 255 / 0.95);
	--tb-muted: #f1f5f9;
	--tb-border: #e2e8f0;

	/* ── Status ─────────────────────────────────────────────── */

	--tb-error: #dc2626;
	--tb-error-ring: rgb(220 38 38 / 0.15);

	/* ── Accent / social ─────────────────────────────────────── */

	--tb-whatsapp: #25d366;
	--tb-whatsapp-hover: rgb(37 211 102 / 0.9);
	--tb-floating-blue: #2563eb;
	--tb-star: #facc15;

	/* ── Typography ─────────────────────────────────────────── */

	--tb-font-sans: 'Inter', system-ui, -apple-system, sans-serif;
	--tb-font-heading: var(--tb-font-sans);

	/* ── Radius ─────────────────────────────────────────────── */

	--tb-radius-md: 0.375rem;
	--tb-radius-lg: 0.5rem;
	--tb-radius-xl: 0.75rem;

	/* ── Shadows ────────────────────────────────────────────── */

	--tb-shadow-sm: 0 1px 2px rgb(15 23 42 / 0.06);
	--tb-shadow-2xl: 0 25px 50px -12px rgb(15 23 42 / 0.18);

	/* ── Motion ─────────────────────────────────────────────── */

	--tb-transition: 300ms ease;
	--tb-transition-fast: 150ms ease;

	/* ── Layout: header ─────────────────────────────────────── */

	--tb-topbar-bg: #001397;
	--tb-topbar-fg: #ffffff;
	--tb-topbar-fg-muted: rgb(255 255 255 / 0.8);

	--tb-header-max-width: 80rem;
	--tb-topbar-height: 2.5rem;
	--tb-main-bar-height: 5.5rem;
	--tb-header-height: calc(var(--tb-topbar-height) + var(--tb-main-bar-height));

	--tb-z-header: 99991;
}