/* ============================================================
   LuxNautic design tokens
   Source-of-truth: Elementor global colors/typography on
   luxnautic.com (extracted 2026-05-09).
   ============================================================ */

:root {
	/* Brand colors */
	--ln-primary:        #000000;
	--ln-secondary:      #0F212B;          /* dark navy — main brand */
	--ln-text:           #5B5B5B;          /* body text grey */
	--ln-accent:         #7EC1F3;          /* light blue accent */
	--ln-accent-soft:    #7EC1F32B;        /* accent @ ~17% alpha — borders/subtle */
	--ln-off-white:      #F4F8FB;
	--ln-white:          #FFFFFF;
	--ln-divider:        rgba(15, 33, 43, 0.10);

	/* Typography */
	--ln-font-sans:      "Gotham", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--ln-font-serif:     "Prata", Georgia, "Times New Roman", serif;

	--ln-fs-h1:          65px;
	--ln-fs-h1-tablet:   42px;
	--ln-fs-h1-mobile:   32px;
	--ln-fs-h2:          30px;
	--ln-fs-h2-tablet:   26px;
	--ln-fs-h2-mobile:   22px;
	--ln-fs-h3:          24px;
	--ln-fs-h3-tablet:   21px;
	--ln-fs-h3-mobile:   20px;
	--ln-fs-h4:          19px;
	--ln-fs-body:        14px;
	--ln-fs-small:       13px;
	--ln-fs-eyebrow:     13px;
	--ln-fs-button:      15px;

	--ln-fw-light:       300;
	--ln-fw-regular:     400;
	--ln-fw-medium:      500;
	--ln-fw-semibold:    600;

	--ln-lh-tight:       1.3;
	--ln-lh-normal:      1.4;
	--ln-lh-body:        1.8;

	--ln-tracking-eyebrow: 1px;
	--ln-tracking-button:  -0.9px;

	/* Spacing scale */
	--ln-space-1:        4px;
	--ln-space-2:        8px;
	--ln-space-3:        12px;
	--ln-space-4:        16px;
	--ln-space-5:        20px;
	--ln-space-6:        24px;
	--ln-space-8:        32px;
	--ln-space-10:       40px;
	--ln-space-12:       48px;
	--ln-space-16:       64px;
	--ln-space-20:       80px;

	/* Layout */
	--ln-container:      1200px;
	--ln-container-pad:  20px;
	--ln-radius:         0px;     /* brand uses sharp corners */
	--ln-radius-sm:      2px;

	/* Shadows */
	--ln-shadow-card:    0 1px 2px rgba(15, 33, 43, 0.06), 0 8px 24px rgba(15, 33, 43, 0.08);

	/* Buttons — match Elementor brand spec (header "BOOK A TOUR")
	   Default: dark navy bg, white text, white border
	   Hover:   lighter navy #364B57, white text always, border matches bg */
	--ln-btn-bg:           var(--ln-secondary);
	--ln-btn-bg-hover:     #364B57;
	--ln-btn-color:        var(--ln-white);
	--ln-btn-color-hover:  var(--ln-white);
	--ln-btn-border:       1px solid var(--ln-white);
	--ln-btn-border-hover: 1px solid #364B57;
	--ln-btn-padding:      15px 30px;

	/* Booking column (sticky dark card) */
	--ln-booking-bg:     var(--ln-secondary);
	--ln-booking-border: 1px solid var(--ln-accent);
	--ln-booking-color:  var(--ln-white);

	/* Form inputs (on dark booking column) */
	--ln-input-bg:       transparent;
	--ln-input-color:    var(--ln-white);
	--ln-input-border:   1px solid rgba(126, 193, 243, 0.17);
	--ln-input-padding:  12px 20px;

	/* Transitions */
	--ln-trans-fast:     150ms ease;
	--ln-trans-base:     250ms ease;
}

/* Tablet adjustments */
@media (max-width: 1024px) {
	:root {
		--ln-fs-h1: var(--ln-fs-h1-tablet);
		--ln-fs-h2: var(--ln-fs-h2-tablet);
		--ln-fs-h3: var(--ln-fs-h3-tablet);
	}
}

/* Mobile adjustments */
@media (max-width: 640px) {
	:root {
		--ln-fs-h1: var(--ln-fs-h1-mobile);
		--ln-fs-h2: var(--ln-fs-h2-mobile);
		--ln-fs-h3: var(--ln-fs-h3-mobile);
		--ln-container-pad: 16px;
	}
}