/* ==========================================================
   Nest Typography System
   ========================================================== */

:root {
    --nest-font-family: 'Poppins', sans-serif;

    --nest-color-heading: #EA7D5C;   /* deep blue */
    --nest-color-body: #5f463c;      /* warm brown */
    --nest-color-muted: #8a7468;     /* softer body text */
}

/* Base typography */
body {
    font-family: var(--nest-font-family);
    color: var(--nest-color-body);
    line-height: 1.6;
}

/* Remove default top margin from headings */
h1, h2, h3, h4, h5, h6 {
    margin-top: 0;

    font-family: "Poppins", sans-serif;
    font-weight: 600!important;
    font-style: normal;  
}

/* ==========================================================
   Headings
   ========================================================== */

.nest-h1 {
    font-size : 1.7rem;
    line-height: 1.1;
    margin-bottom: 1.5rem;
    color: var(--darkbrown);
    font-weight: 600!important;
}

.nest-h2 {
    font-size : 1.4rem;
    line-height: 1.15;
    margin-bottom: 1.25rem;
    color: var(--olive);
    font-weight: 600!important;
}

.nest-h3 {
    font-size: 1.3rem;
    line-height: 1.25;
    font-weight: 600!important;
}

.nest-h4 {
    font-size: 1.2rem; /* clamp(1.25rem, 2.5vw, 1.75rem); */
    line-height: 1.3;
    margin-bottom: 0.75rem;
    color: var(--nest-color-heading);
    font-weight: 600!important;
}

.nest-h5 {
    font-size: 1.1rem;
    line-height: 1.3;
    margin-bottom: 0.75rem;
    color: var(--nest-color-heading);
}

/* ==========================================================
   Paragraph Styles
   ========================================================== */

/* Intro paragraph below a heading */
.nest-lead {
    font-weight: 400;
    line-height: 1.7;
    color: var(--nest-color-body);
    margin-bottom: 1.5rem;
}

/* Standard body text */
.nest-body {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.7;
    margin-bottom: 1.25rem;
    color: var(--nest-color-body);
}

.nest-body-color {
    color: var(--nest-color-body);
}

.nest-ul {
    color: var(--nest-color-body);
}

/* Smaller supporting text */
.nest-small {
    font-size: 0.9rem;
    line-height: 1.6;
    color: var(--nest-color-muted);
}

/* Optional uppercase section kicker */
.nest-kicker {
    display: inline-block;
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #b28a57;
    margin-bottom: 0.75rem;
}

/* Utility to remove bottom margin when needed */
.nest-mb-0 {
    margin-bottom: 0 !important;
}

/* Special colors */
.text-lavender {
    color : var(--lavender);
}

.text-mustard {
    color : var(--mustard);
}

.text-coral {
    color : var(--coral);
}

.text-brown {
    color : var(--brown);
}

.text-darkbrown {
    color : var(--darkbrown);
}

.text-olive {
    color: var(--olive);
}

/* ==========================================================
   Background Color Utilities
   ========================================================== */

.bg-soft-blue {
    background-color: #bcc8d0 !important;
}

.bg-white-90 {
    background-color: rgba(255, 255, 255, 0.9) !important;
}

.bg-beige {
    background-color: #d8c3aa !important;
}

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

.bg-olive-soft {
    background-color: #cfc78c !important;
}

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

.bg-pale-mint {
    background-color: var(--palemint);
}

.bg-pale-blue {
    background-color: var(--paleblue);
}

.bg-light-brown {
    background-color: var(--lightbrown);
}

.bg-lavender-light {
    background-color: #d7cdea !important;
}

.bg-cream {
    background-color: #f5eed9 !important;
}