body {
    font-family: 'Cairo', sans-serif;
}

.reyada-header {
    background: #ffffff;
    box-shadow: 0 2px 10px rgba(0,0,0,.06);
}
.reyada-footer, .reyada-sidebar {
    background: #064e3b; /* emerald-900 */
}

.text-gold { color: #047857; } /* emerald-700 — kept class name for compatibility */

.btn-gold {
    background-color: #059669; /* emerald-600 */
    border-color: #059669;
    color: #ffffff;
    font-weight: 600;
    border-radius: 1.25rem;
}
.btn-gold:hover {
    background-color: #047857; /* emerald-700 */
    border-color: #047857;
    color: #ffffff;
}

.card-framework {
    border: 1px solid #E9E7DE;
    border-radius: 14px;
    transition: box-shadow .2s ease, border-color .2s ease;
}
.card-framework:hover {
    border-color: #059669;
    box-shadow: 0 8px 24px rgba(5,150,105,.12);
}

.maturity-option {
    cursor: pointer;
}
.maturity-option .maturity-btn {
    border: 2px solid #d1d5db;
    background: #fff;
    color: #374151;
    font-weight: 600;
    border-radius: 999px;
    padding: .4rem 1rem;
    transition: all .15s ease;
}
.maturity-option input:checked + .maturity-btn.lvl-1 { background:#DC2626; border-color:#DC2626; color:#fff; }
.maturity-option input:checked + .maturity-btn.lvl-2 { background:#EA580C; border-color:#EA580C; color:#fff; }
.maturity-option input:checked + .maturity-btn.lvl-3 { background:#D97706; border-color:#D97706; color:#fff; }
.maturity-option input:checked + .maturity-btn.lvl-4 { background:#65A30D; border-color:#65A30D; color:#fff; }
.maturity-option input:checked + .maturity-btn.lvl-5 { background:#059669; border-color:#059669; color:#fff; }
.maturity-option .maturity-btn:hover { border-color:#059669; }

.lvl-badge-1 { background:#DC2626; color:#fff; }
.lvl-badge-2 { background:#EA580C; color:#fff; }
.lvl-badge-3 { background:#D97706; color:#fff; }
.lvl-badge-4 { background:#65A30D; color:#fff; }
.lvl-badge-5 { background:#059669; color:#fff; }

.score-badge-high { color: #059669; }
.score-badge-mid { color: #B45309; }
.score-badge-low { color: #DC2626; }

.reyada-sidebar .nav-link.active,
.reyada-sidebar .nav-link:hover {
    background-color: rgba(255,255,255,.12);
    color: #6ee7b7 !important;
}