/* Thinking in Clay — pit-fired palette */
:root,
[data-bs-theme="light"] {
    --bs-primary:       #C17A5B;
    --bs-primary-rgb:   193, 122, 91;
    --bs-link-color:    #C17A5B;
    --bs-link-hover-color: #a0623f;
    --bs-body-font-family: Georgia, Cambria, 'Times New Roman', serif;

    --bs-body-bg:       #faf7f4;
    --bs-body-color:    #2c2521;
    --bs-border-color:  #ddd5cc;
    --bs-secondary-bg:  #f0ebe5;
    --bs-tertiary-bg:   #e8e0d8;
}

/* direct body styles as fallback in case CSS vars don't cascade */
body {
    background-color: #faf7f4;
    color: #2c2521;
    font-family: Georgia, Cambria, 'Times New Roman', serif;
}

[data-bs-theme="dark"] {
    --bs-body-bg:      #1a1714;
    --bs-body-color:   #e8e0d8;
    --bs-border-color: #3a3330;
    --bs-secondary-bg: #221e1b;
    --bs-tertiary-bg:  #2a2520;
}

[data-bs-theme="dark"] body {
    background-color: #1a1714;
    color: #e8e0d8;
}

/* ── Buttons ── */
.btn-primary {
    --bs-btn-bg:           #C17A5B;
    --bs-btn-border-color: #C17A5B;
    --bs-btn-hover-bg:     #a0623f;
    --bs-btn-hover-border-color: #a0623f;
    --bs-btn-active-bg:    #8a5335;
    --bs-btn-color:        #fff;
    --bs-btn-hover-color:  #fff;
}

.btn-outline-secondary {
    --bs-btn-color:        var(--bs-body-color);
    --bs-btn-border-color: var(--bs-border-color);
    --bs-btn-hover-bg:     var(--bs-tertiary-bg);
    --bs-btn-hover-color:  var(--bs-body-color);
    --bs-btn-hover-border-color: var(--bs-border-color);
    --bs-btn-active-bg:    var(--bs-secondary-bg);
}

.btn, .btn-sm {
    font-family: Georgia, serif;
    letter-spacing: 0.03em;
}

/* ── Navbar ── */
.navbar {
    border-bottom: 1px solid var(--bs-border-color);
    padding-top: 1.1rem;
    padding-bottom: 1.1rem;
    background-color: var(--bs-body-bg) !important;
}

.navbar-brand {
    font-family: Georgia, serif;
    letter-spacing: 0.12em;
    font-size: 1.2rem;
    text-transform: uppercase;
    color: var(--bs-body-color) !important;
}

.nav-link {
    color: var(--bs-body-color) !important;
    opacity: 0.75;
}
.nav-link:hover { opacity: 1; }

/* ── Cards ── */
.card {
    background-color: var(--bs-secondary-bg);
    border-color: var(--bs-border-color);
}

/* ── Footer ── */
footer {
    background-color: var(--bs-secondary-bg);
    border-top-color: var(--bs-border-color) !important;
}

/* ── Site background ── */
.site-bg {
    position: fixed;
    inset: 0;
    z-index: -1;
    background: url('/images/wood-kiln.jpg') center center / cover no-repeat;
    opacity: 0.18;
}

/* ── Utilities ── */
[x-cloak] { display: none !important; }