:root {
    /* Base */
    --bg: #F6F2EC;
    /* page background (warm cream) */
    --surface: #FFFFFF;
    /* cards/sections */
    --surface-2: #FBF7F1;
    /* subtle warm panel / light tile */
    --border: #E6DED3;
    /* soft border */
    --border-strong: #D8CDBF;
    /* slightly stronger dividers */

    /* Text */
    --text: #1F2937;
    /* main text (charcoal) */
    --text-2: #2B2B2B;
    /* headings (a bit deeper) */
    --muted: #6B7280;
    /* secondary text */
    --muted-2: #8A837B;
    /* warm muted (labels) */

    /* Gold accent */
    --gold: #C08A3D;
    /* primary gold */
    --gold-hover: #A9712A;
    /* hover */
    --gold-dark: #99621a;
    /* deeper gold/brown */
    --gold-soft: #E6CFA8;
    /* soft gold background / highlights */

    /* Hero overlay / tint */
    --hero-tint: rgba(246, 242, 236, 0.92);
    --hero-tint-2: rgba(246, 242, 236, 0.65);

    /* Shadows (optional as vars) */
    --shadow-soft: 0 10px 30px rgba(31, 41, 55, 0.08);
    --shadow-lift: 0 16px 45px rgba(31, 41, 55, 0.14);
}

:root {
    /* --primary: #c9833a;
    --body-backgrouond: #f6efe6;
    --primary-hover: #c9833a;
    --secondary: #121826;
    
    --ink: #1e2430;
    --muted: #6c7484;
    --line: rgba(0, 0, 0, .08);
    --shadow: 0 16px 40px rgba(0, 0, 0, .10); */
    --nav-gradient-start: #de8a30;
    --nav-gradient-end: #fb923c;
    --nav-gradient-hover-start: #fb923c;
    --nav-gradient-hover-end: #de8a30;
    --primary: #D88A2E;
    --dark-navy: #1E2A38;
    --light-cream: #F5F2EE;
    --gold-accent: #C8A24D;
    --white: #FFFFFF;
    --text-dark: #333333;
}

.bg-primary {
    background-color: var(--primary);
}

.btn-primary {
    background-color: var(--primary);
}

.btn-primary:hover {
    background-color: var(--primary-hover);
}

.btn-nav {
    cursor: pointer;
    padding: 0.5rem 1.25rem;
    border: 2px solid #ffffff;
    border-radius: 0.375rem;
    color: white;
    transition: all 0.3s ease;
    background: linear-gradient(to right, var(--nav-gradient-start), var(--nav-gradient-end));
}

.btn-nav:hover {
    background: linear-gradient(to right, var(--nav-gradient-hover-start), var(--nav-gradient-hover-end));
}

body {
    font-family: "Poppins", sans-serif !important;
    /* background-color: #F3EFEA;
    background-image: url('../img/23.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed; */
    background-color: var(--bg) !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Playfair Display", serif;
}

#featured {
    /* background-color: #8f8e8e79; */
}

.swiper-pagination-bullet-active {
    background: #c8822f !important;
}

[x-cloak] {
    display: none !important;
}

.btn-gradient {
    background: linear-gradient(to bottom, #c8822f 0%, #a56d29 50%, #af6a16 100%);
}

#testimonials {
    background-image: url('../img/testimonial_bg.png');
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
}

#testimonials::before {
    content: '';
    position: absolute;
    border-radius: 24px;
    height: 100%;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right:0;
    background: linear-gradient(to right, transparent 10%, rgba(255, 255, 255, 0.685) ,white);
}

/* #testimonials .swiper-slide {
    background-color: rgba(0, 0, 0, 0.719);
    padding: 30px;
    border-radius: 10px;
    color: white !important;
    height: fit-content;
} */

#testimonials .swiper-slide video {
    width: 100%;
    height: 250px;
    object-fit: cover;
    border-radius: 16px;
}

.tstm-prev,
.tstm-next {
    color: white;
    z-index: 200;
}