:root {
    --bg: #0a0908;
    --bg-soft: #131110;
    --surface: #1a1714;
    --ink: #f2ede4;
    --ink-muted: rgba(242, 237, 228, .55);
    --ink-faint: rgba(242, 237, 228, .3);
    --gold: #c9a24b;
    --gold-soft: rgba(201, 162, 75, .15);
    --line: rgba(242, 237, 228, .12);

    --radius-sm: 4px;
    --radius-md: 3px;
}





/* ===== استایل تیره‌ی مودال ثبت‌نام/مشاوره (openEnrollModal) — هماهنگ با پالت theme.css ===== */
.enroll-modal .modal-content {
    background: var(--surface);
    color: var(--ink);
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
}
.enroll-modal .modal-header,
.enroll-modal .modal-footer {
    border-color: var(--line);
}
.enroll-modal .modal-title { color: var(--ink); }
.enroll-modal .btn-close { filter: invert(1) grayscale(1) brightness(1.6); }

.enroll-modal .form-control {
    background: var(--bg-soft);
    border: 1px solid var(--line);
    color: var(--ink);
}
.enroll-modal .form-control:focus {
    background: var(--bg-soft);
    border-color: var(--gold);
    color: var(--ink);
    box-shadow: 0 0 0 .2rem var(--gold-soft);
}
.enroll-modal .form-control::placeholder { color: var(--ink-faint); }
.enroll-modal .form-label { color: var(--ink-muted); }

.enroll-modal .btn-primary {
    background: var(--gold);
    border-color: var(--gold);
    color: var(--bg);
    font-weight: 600;
}
.enroll-modal .btn-primary:hover { opacity: .9; }
.enroll-modal .btn-primary:disabled { opacity: .4; }
.enroll-modal .btn-outline-secondary {
    color: var(--ink-muted);
    border-color: var(--line);
}
.enroll-modal .btn-outline-secondary:hover {
    background: var(--bg-soft);
    color: var(--ink);
    border-color: var(--line);
}