/* ============================================================
   Yachtiva design tokens — mirrors theme.json exactly. The theme
   owns presentation; the booking plugin's .ybs-ys scope inherits
   via the color bridge printed by inc/enqueue.php.
   ============================================================ */

:root {
	--yachtiva-primary: #B08A3E;
	--yachtiva-primary-dark: #96722F;
	--yachtiva-primary-soft: rgba(176, 138, 62, 0.12);
	--yachtiva-navy: #0B2239;
	--yachtiva-navy-deep: #071726;
	--yachtiva-background: #F7F5F0;
	--yachtiva-card: #FFFFFF;
	--yachtiva-muted: #EDF1F4;
	--yachtiva-muted-foreground: #66788A;
	--yachtiva-foreground: #14212E;
	--yachtiva-border: #E1E7EC;

	--yachtiva-radius-sm: 0.75rem;
	--yachtiva-radius-md: 1rem;
	--yachtiva-radius-lg: 1.5rem;
	--yachtiva-radius-xl: 2rem;
	--yachtiva-radius-pill: 999px;

	--yachtiva-shadow-card: 0 1px 2px rgba(11, 34, 57, 0.05), 0 8px 24px rgba(11, 34, 57, 0.07);
	--yachtiva-shadow-card-hover: 0 4px 10px rgba(11, 34, 57, 0.08), 0 20px 40px rgba(11, 34, 57, 0.14);
	--yachtiva-shadow-floating: 0 20px 60px rgba(7, 23, 38, 0.25);

	--yachtiva-font-display: 'Playfair Display', 'Times New Roman', serif;
	--yachtiva-font-sans: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;

	--yachtiva-container: 1240px;
	--yachtiva-ease: cubic-bezier(0.22, 1, 0.36, 1);
}