@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap");

 /* ============================================================
   WEBTEIC.COM - BRANDING
   ============================================================ */

:root {
    --wtw-font-sans: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

    /* Brand */
    --wtw-brand-navy: #061936;
    --wtw-brand-green: #71bc22;
    --wtw-brand-white: #ffffff;

    /* Backgrounds */
    --wtw-bg: #fdfdfb;
    --wtw-bg-muted: #f4f7f2;
    --wtw-bg-dark: #2d353c;
    --wtw-bg-dark-soft: #20252a;

    /* Text */
    --wtw-text: #061936;
    --wtw-text-soft: #66717a;
    --wtw-text-light: #ffffff;
    --wtw-text-light-soft: #c6d1dc;

    /* UI / Actions */
    --wtw-primary: #0d8a5f;
    --wtw-primary-hover: #096b4a;
    --wtw-primary-soft: #e9f4e3;

    /* Brand Highlight */
    --wtw-accent: #71bc22;
    --wtw-accent-hover: #5f9f1c;
    --wtw-accent-soft: #eff8e7;

    /* Semantic Accent */
    --wtw-warning: #e98b2a;
    --wtw-warning-hover: #c96f13;
    --wtw-warning-soft: #fff1df;

    /* Borders */
    --wtw-border: #dde5e7;
    --wtw-border-dark: rgba(255, 255, 255, 0.14);

    /* Shape */
    --wtw-radius-sm: 0.65rem;
    --wtw-radius-md: 1.05rem;
    --wtw-radius-lg: 1.55rem;

    /* Shadows */
    --wtw-shadow-sm: 0 10px 28px rgba(6, 25, 54, 0.08);
    --wtw-shadow-lg: 0 28px 72px rgba(6, 25, 54, 0.16);

    --wtw-section-space: 7.5rem;
    --wtw-content-max: 760px;
}


/* Background Theme */

:root {
	--bs-theme: #0d8a5f;
	--bs-theme-2: #f59c1a;
	--bs-theme-3: #ff5b57;
	--bs-theme-4: linear-gradient(135deg, #0d8a5f, #0d8a5f);
	--bs-theme-5: linear-gradient(90deg,rgb(6 25 54) 0%, rgb(22 36 8) 50%, rgb(14 26 46) 100%);
}

/* Button Theme */

.btn-theme {
	--bs-btn-color: #ffffff;
	--bs-btn-bg: #0d8a5f;
	--bs-btn-border-color: #0d8a5f;
	--bs-btn-hover-color: #ffffff;
	--bs-btn-hover-bg: #096b4a;
	--bs-btn-hover-border-color: #096b4a;
	--bs-btn-focus-shadow-rgb: 13, 138, 95;
	--bs-btn-active-color: #ffffff;
	--bs-btn-active-bg: #096b4a;
	--bs-btn-active-border-color: #096b4a;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #ffffff;
	--bs-btn-disabled-bg: #65b89a;
	--bs-btn-disabled-border-color: #65b89a;
}

.btn-theme-2 {
	--bs-btn-color: #ffffff;
	--bs-btn-bg: #f59c1a;
	--bs-btn-border-color: #f59c1a;
	--bs-btn-hover-color: #ffffff;
	--bs-btn-hover-bg: #b87514;
	--bs-btn-hover-border-color: #b87514;
	--bs-btn-focus-shadow-rgb: 247, 171, 60;
	--bs-btn-active-color: #ffffff;
	--bs-btn-active-bg: #b87514;
	--bs-btn-active-border-color: #b87514;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #ffffff;
	--bs-btn-disabled-bg: #f8b553;
	--bs-btn-disabled-border-color: #f8b553;
}

.btn-theme-3 {
	--bs-btn-color: #ffffff;
	--bs-btn-bg: #ff5b57;
	--bs-btn-border-color: #ff5b57;
	--bs-btn-hover-color: #ffffff;
	--bs-btn-hover-bg: #bf4441;
	--bs-btn-hover-border-color: #bf4441;
	--bs-btn-focus-shadow-rgb: 255, 116, 112;
	--bs-btn-active-color: #ffffff;
	--bs-btn-active-bg: #bf4441;
	--bs-btn-active-border-color: #bf4441;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #ffffff;
	--bs-btn-disabled-bg: #ff8481;
	--bs-btn-disabled-border-color: #ff8481;
}

/* Booking Button Theme */

.btn-theme-4 {
	--bs-btn-color: #FFFFFF;
	--bs-btn-bg: linear-gradient(135deg, #0d8a5f, #0d8a5f);
	--bs-btn-border-color: #0d8a5f;
	--bs-btn-hover-color: #FFFFFF;
	--bs-btn-hover-bg: linear-gradient(135deg, #096b4a, #096b4a);
	--bs-btn-hover-border-color: #096b4a;
	--bs-btn-focus-shadow-rgb: 13, 138, 95;
	--bs-btn-active-color: #FFFFFF;
	--bs-btn-active-bg: #096b4a;
	--bs-btn-active-border-color: #096b4a;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #FFFFFF;
	--bs-btn-disabled-bg: #65b89a;
	--bs-btn-disabled-border-color: #65b89a;
}

/* Header Menu Theme */

.dark-link-theme {
	--bs-dark-link-theme-color: #061936;
	--bs-dark-link-theme-hover-color: #0d8a5f;
}
.light-link-theme {
	--bs-light-link-theme-color: #f2f3f4;
	--bs-light-link-theme-hover-color: #d6d6d6;
}