:root {
    --gd-navy: #051424;
    --gd-navy-2: #122131;
    --gd-gold: #f59e0b;
    --gd-gold-light: #ffc174;
    --gd-text: #d4e4fa;
    --gd-muted: #d8c3ad;
}

* { font-family: "Vazirmatn", "Plus Jakarta Sans", Tahoma, sans-serif; }

body {
    background-color: #051424;
    color: #d4e4fa;
}

.btn-gold {
    background-color: #f59e0b;
    border-color: #f59e0b;
    color: #613b00;
    font-weight: 600;
}
.btn-gold:hover {
    background-color: #ffc174;
    border-color: #ffc174;
    color: #472a00;
}

.gd-comment {
    background: #122131;
    border: 1px solid #273647;
    border-radius: .75rem;
    padding: 1rem;
    margin-bottom: .75rem;
    color: #d4e4fa;
}
.gd-comment-replies { margin-right: 2rem; margin-top: .75rem; }
.gd-comment-meta { color: #d8c3ad; font-size: .8rem; }

.modal-content.gd-modal {
    background: #122131;
    color: #d4e4fa;
    border: 1px solid #273647;
    border-radius: 1rem;
}
.gd-modal .form-control,
#gd-comment-input,
.gd-reply-input {
    background: #0d1c2d;
    border-color: #273647;
    color: #d4e4fa;
}
.gd-modal .form-control:focus,
#gd-comment-input:focus,
.gd-reply-input:focus {
    background: #0d1c2d;
    border-color: #f59e0b;
    color: #d4e4fa;
    box-shadow: 0 0 0 .2rem rgba(245, 158, 11, .2);
}
.gd-modal .btn-close {
    filter: invert(1) grayscale(1);
}
.gd-modal .text-muted,
.gd-modal .form-label {
    color: #d8c3ad !important;
}

#gd-comments-list .btn-outline-secondary {
    color: #d4e4fa;
    border-color: #273647;
}
#gd-comments-list .btn-outline-danger {
    color: #ffb4ab;
    border-color: #93000a;
}

.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
    vertical-align: middle;
}

html { scroll-behavior: smooth; }
#gd-plans, #data-dictionary, #free-trial, #gd-articles {
    scroll-margin-top: 6rem;
}