/* =========================================
   THILÉ & KIN / BASE
========================================= */

/* ---------- Theme Tokens ---------- */
:root {
    --thk-ivory: #F6F1EB;
    --thk-dusty-beige: #D8CFC4;
    --thk-soft-olive: #7A8C72;
    --thk-soft-taupe: #BFAE9F;
    --thk-deep-charcoal: #2B2B2B;
    --thk-soft-charcoal: #5A5A5A;
    --thk-light-beige: #E6DFD7;
    --thk-dark-taupe: #A89585;
    --thk-deep-olive: #5F705A;
    --thk-white: #FFFFFF;
    --thk-radius-sm: 6px;
    --thk-radius-md: 10px;
    --thk-radius-lg: 14px;
    --thk-transition: all 0.25s ease;
}

/* ---------- Global ---------- */
body,
.site {
    background-color: var(--thk-ivory);
    color: var(--thk-soft-charcoal);
}

body,
button,
input,
select,
textarea {
    color: var(--thk-soft-charcoal);
}

/* ---------- Typography ---------- */
h1, h2, h3, h4, h5, h6,
.entry-title,
.site-title,
.widget-title {
    color: var(--thk-deep-charcoal);
}

p,
li,
span,
label,
.entry-content,
.woocommerce-product-details__short-description {
    color: var(--thk-soft-charcoal);
}

/* ---------- Links ---------- */
a {
    color: var(--thk-soft-olive);
    transition: var(--thk-transition);
}

a:hover,
a:focus {
    color: var(--thk-deep-olive);
}

/* ---------- Forms ---------- */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="date"],
textarea,
select {
    background-color: var(--thk-white);
    border: 1px solid var(--thk-light-beige);
    color: var(--thk-soft-charcoal);
    border-radius: var(--thk-radius-sm);
}

input:focus,
textarea:focus,
select:focus {
    border-color: var(--thk-soft-olive);
    outline: none;
    box-shadow: 0 0 0 1px var(--thk-soft-olive);
}

/* ---------- Content Base ---------- */
.content-area,
.site-content,
.entry-content,
.ast-container,
.ast-single-post .entry-content,
.ast-single-entry-banner {
    background-color: transparent;
}

/* ---------- Dividers ---------- */
hr,
.wp-block-separator,
.ast-separate-container .ast-article-post,
.ast-separate-container .ast-article-single {
    border-color: var(--thk-light-beige);
}

/* ---------- Selection ---------- */
::selection {
    background: var(--thk-dusty-beige);
    color: var(--thk-deep-charcoal);
}

/*-----Footer Menu Container*/
.footer-menu-container-left{
    width : 75%;
}

.footer-menu-container-right{
    width : 25%;
}