:root {
    --brand-primary: #75c10a;
    --brand-secondary: #8ce016;
    --brand-primary-dark: #8ce016;
    --brand-accent: #8ce016;
    --brand-bg: #f8f2eb;
    --brand-surface: #fffdf9;
    --brand-text: #2f241c;
    --brand-muted: #756457;
    --brand-border: #e4d7cb;
}

body,
.ynaps_body,
.main-wrapper,
section {
    background-color: var(--brand-bg) !important;
    color: var(--brand-text);
}

a {
    color: var(--brand-primary);
}

a:hover {
    color: var(--brand-secondary);
}

.btn-primary,
.bg-primary {
    background-color: var(--brand-primary) !important;
    border-color: var(--brand-primary) !important;
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: var(--brand-secondary) !important;
    border-color: var(--brand-secondary) !important;
}

.btn-success {
    background-color: var(--brand-primary) !important;
    border-color: var(--brand-primary) !important;
    color: #fff !important;
}

.btn-success:hover,
.btn-success:focus {
    background-color: var(--brand-secondary) !important;
    border-color: var(--brand-secondary) !important;
    color: #fff !important;
}

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

.badge-primary {
    background-color: var(--brand-primary);
}

.form-control:focus,
.form-select:focus {
    border-color: var(--brand-accent);
    box-shadow: 0 0 0 0.2rem rgba(145, 82, 80, 0.18);
}

.card {
    border-color: var(--brand-border);
    background: var(--brand-surface);
}