:root {
    /* Backgrounds */
    --bg-titles: #f09d7c;
    --bg-body: #f9f1e8;

    /* Typography / Lines / Icons */
    --color-text-main: #4d3f56;
    --color-text-sec: #9a788c;
    --color-dark: #3b3837;

    /* Action Buttons */
    --btn-primary: #f09d7c;
    --btn-secondary: #4d3f56;

    /* Accent Colors */
    --accent-peach: #f3c498;
    --accent-teal: #71c2b5;
    --accent-pink: #f7d0c6;
}

body {
    background-color: var(--bg-body);
    color: var(--color-text-main);
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    /* Fallback safe font, can replace with Google Font later */
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--color-dark);
}

.text-primary-custom {
    color: var(--bg-titles);
}

.bg-title {
    background-color: var(--bg-titles);
    color: white;
}

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

.btn-custom-primary:hover {
    background-color: #d88c6b;
    /* Slightly darker */
    border-color: #d88c6b;
    color: white;
}

.btn-custom-secondary {
    background-color: var(--btn-secondary);
    border-color: var(--btn-secondary);
    color: white;
}

.btn-custom-secondary:hover {
    background-color: #3b2f42;
    border-color: #3b2f42;
    color: white;
}

/* Navbar Customization */
.navbar-custom {
    background-color: var(--color-text-sec);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.nav-link {
    color: var(--bg-body);
}

.nav-link:hover {
    color: var(--bg-titles);
}

/* Hero Section */
.hero-section {
    background-color: var(--accent-peach);
    /* Fallback/Base */
    padding: 4rem 0;
}

/* Icon Palette Classes (Optional usage) */
.icon-green {
    color: #7a8b66;
}

.icon-sage {
    color: #a8c3a0;
}

.icon-dark-green {
    color: #2e4d3f;
}

/* Brand Buttons */
.btn-whatsapp {
    background-color: #25D366;
    border-color: #25D366;
    color: white;
}

.btn-whatsapp:hover {
    background-color: #128C7E;
    border-color: #128C7E;
    color: white;
}

.btn-instagram {
    background: linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d);
    border: none;
    color: white;
}

.btn-instagram:hover {
    background: linear-gradient(45deg, #2c3e9e, #3f3ba3, #5e2a82, #912763, #ad2453, #d61818);
    /* Darkened slightly */
    color: white;
}