:root {
    --lux-olive: #2F6A5F;
    --lux-olive-light: #3A8173;
    --lux-cream: #FBF9F6;
    --lux-text: #1F2937;
}

body {
    background-color: var(--lux-cream);
    color: var(--lux-text);
    font-family: "Manrope", sans-serif;
}

.serif {
    font-family: "Playfair Display", serif;
}

.input-field {
    background-color: #ffffff;
    border: 1px solid #E5E7EB;
    transition: all 0.25s ease;
}

.input-field:focus {
    border-color: var(--lux-olive);
    box-shadow: 0 0 0 3px rgba(47, 106, 95, 0.1);
    outline: none;
}

.btn-primary {
    background-color: var(--lux-olive);
    color: #ffffff;
    transition: background-color 0.2s ease;
}

.btn-primary:hover {
    background-color: var(--lux-olive-light);
}

.panel-tab {
    border: 1px solid #E5E7EB;
    background: #ffffff;
    color: #374151;
}

.panel-tab.active {
    background: var(--lux-olive);
    border-color: var(--lux-olive);
    color: #ffffff;
}