:root {
    --color-primary: #5A372C;
    --color-primary-dark: #3F251E;
    --color-primary-light: #7A4F42;
    --color-gold: #B8A56A;
    --color-gold-dark: #9A8850;
    --color-gold-light: #D4C89A;
    --color-cream: #F6F2E9;
    --color-cream-dark: #EDE6D6;
    --color-text: #2C241E;
    --color-text-muted: #6B5E54;
    --color-border: #E0D6C8;
    --color-white: #FFFFFF;
    --color-danger: #B33A3A;
    --color-success: #3D6B4F;
    --color-warning: #C48A2A;

    --font-sans: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    --radius: 10px;
    --shadow-sm: 0 1px 3px rgba(90, 55, 44, 0.08);
    --shadow-md: 0 8px 24px rgba(90, 55, 44, 0.10);
    --sidebar-width: 260px;
    --navbar-height: 64px;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    font-family: var(--font-sans);
    color: var(--color-text);
    background: var(--color-cream);
    -webkit-font-smoothing: antialiased;
}

a {
    color: var(--color-primary);
    text-decoration: none;
}

a:hover {
    color: var(--color-gold-dark);
}

/* Bootstrap overrides */
.btn-primary {
    --bs-btn-bg: var(--color-primary);
    --bs-btn-border-color: var(--color-primary);
    --bs-btn-hover-bg: var(--color-primary-dark);
    --bs-btn-hover-border-color: var(--color-primary-dark);
    --bs-btn-active-bg: var(--color-primary-dark);
    --bs-btn-active-border-color: var(--color-primary-dark);
    --bs-btn-disabled-bg: var(--color-primary-light);
    --bs-btn-disabled-border-color: var(--color-primary-light);
}

.btn-outline-primary {
    --bs-btn-color: var(--color-primary);
    --bs-btn-border-color: var(--color-primary);
    --bs-btn-hover-bg: var(--color-primary);
    --bs-btn-hover-border-color: var(--color-primary);
    --bs-btn-active-bg: var(--color-primary-dark);
    --bs-btn-active-border-color: var(--color-primary-dark);
}

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

.btn-gold:hover {
    background: var(--color-gold-dark);
    border-color: var(--color-gold-dark);
    color: var(--color-white);
}

.form-control:focus,
.form-select:focus {
    border-color: var(--color-gold);
    box-shadow: 0 0 0 0.2rem rgba(184, 165, 106, 0.25);
}

.form-label {
    font-weight: 600;
    color: var(--color-primary);
    font-size: 0.875rem;
}

.text-primary {
    color: var(--color-primary) !important;
}

.text-gold {
    color: var(--color-gold) !important;
}

.bg-cream {
    background-color: var(--color-cream) !important;
}

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