/**
 * Let's Boat design tokens
 *
 * Brand: marina navy / ocean blue. Use --lb-* everywhere.
 */

:root {
	/* Color */
	--lb-navy: #0c3550;
	--lb-deep: #062843;
	--lb-blue: #0459a6;
	--lb-blue-mid: #4f84c4;
	--lb-blue-soft: #5c809b;
	--lb-slate: #2f4e65;
	--lb-ink: #0c343c;
	--lb-faq: #22324d;
	--lb-preloader: #0b2a4a;
	--lb-white: #ffffff;
	--lb-off-white: #fefbf6;
	--lb-sand: #f2f3ee;
	--lb-black: #000000;
	--lb-muted: #6a7984;
	--lb-muted-light: #d1d1d1;
	--lb-muted-soft: #a6a6a6;
	--lb-border: #e5e7eb;
	--lb-accent: #db0c14;
	--lb-gold: #e8ca92;
	--lb-cream: #faf7f0;
	--lb-link-bg: #021229;
	--lb-link-muted: #8b9cb0;
	--lb-link-border: #17263d;

	/* Typography */
	--lb-font-sans: "Raleway", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
	--lb-font-display: "Jerson", "Raleway", sans-serif;
	--lb-font-script: "Fasthin", cursive;
	--lb-font-serif: "Cinzel", "Jerson", Georgia, serif;
	--lb-fw-light: 300;
	--lb-fw-regular: 400;
	--lb-fw-medium: 500;
	--lb-fw-bold: 700;
	--lb-lh-tight: 1.1;
	--lb-lh-normal: 1.5;
	--lb-lh-relaxed: 1.6;
	--lb-tracking: 0.02em;
	--lb-tracking-wide: 0.08em;

	/* Spacing */
	--lb-space-1: 0.25rem;
	--lb-space-2: 0.5rem;
	--lb-space-3: 0.75rem;
	--lb-space-4: 1rem;
	--lb-space-5: 1.25rem;
	--lb-space-6: 1.5rem;
	--lb-space-8: 2rem;
	--lb-space-10: 2.5rem;
	--lb-space-12: 3rem;
	--lb-space-16: 4rem;
	--lb-section-y: 5rem;
	--lb-section-y-sm: 3.75rem;
	--lb-gutter: 3.125rem;
	--lb-gutter-sm: 1.125rem;

	/* Layout */
	--lb-container: 92.5rem;
	--lb-radius-sm: 5px;
	--lb-radius: 0.5rem;
	--lb-radius-pill: 10em;
	--lb-z-nav: 100;
	--lb-z-drawer: 200;
	--lb-z-preloader: 9999;

	/* Motion */
	--lb-ease: cubic-bezier(0.22, 1, 0.36, 1);
	--lb-ease-out: ease-out;
	--lb-duration-fast: 0.2s;
	--lb-duration: 0.3s;
	--lb-duration-slow: 0.5s;

	/* Shadows / borders */
	--lb-border-subtle: 1px solid rgba(255, 255, 255, 0.1);
	--lb-shadow-soft: 0 8px 24px rgba(6, 40, 67, 0.12);
	--lb-shadow-card: 0 12px 40px rgba(6, 40, 67, 0.1);
	--lb-shadow-lift: 0 18px 48px rgba(6, 40, 67, 0.16);
	--lb-overlay: linear-gradient(180deg, rgba(6, 40, 67, 0.15) 0%, rgba(6, 40, 67, 0.45) 100%);
}

/* Link page aliases map onto the shared system */
.letsboat-link-page {
	--link-bg: var(--lb-link-bg);
	--link-text: var(--lb-white);
	--link-muted: var(--lb-link-muted);
	--link-border: var(--lb-link-border);
	--link-button-bg: rgba(255, 255, 255, 0.015);
	--link-max-width: 484px;
	--link-page-padding: var(--lb-space-6);
	--link-page-bottom-padding: var(--lb-space-12);
}