:root {
    --dark-royal: #0A1F44;
    --dark-royal-light: #132d5e;
    --gold: #D4AF37;
    --gold-light: #e0c56a;
    --gold-dark: #b8962e;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.table th {
    white-space: nowrap;
}

.card {
    border-radius: 0.5rem;
}

.modal-content {
    border-radius: 0.5rem;
}

.pagination .page-link {
    cursor: pointer;
}

.invalid-feedback {
    display: block;
}

.bg-dark-royal {
    background-color: var(--dark-royal) !important;
}

.bg-gold {
    background-color: var(--gold) !important;
}

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

.text-dark-royal {
    color: var(--dark-royal) !important;
}

.btn-dark-royal {
    background-color: var(--dark-royal);
    border-color: var(--dark-royal);
    color: #fff;
}
.btn-dark-royal:hover {
    background-color: var(--dark-royal-light);
    border-color: var(--dark-royal-light);
    color: #fff;
}

.btn-gold {
    background-color: var(--gold);
    border-color: var(--gold);
    color: #1a1a1a;
}
.btn-gold:hover {
    background-color: var(--gold-light);
    border-color: var(--gold-light);
    color: #1a1a1a;
}

.btn-outline-gold {
    background-color: transparent;
    border-color: var(--gold);
    color: var(--gold);
}
.btn-outline-gold:hover {
    background-color: var(--gold);
    color: #1a1a1a;
}

.table-header-dark-royal {
    background-color: var(--dark-royal) !important;
    color: var(--gold) !important;
}
.table-header-dark-royal th {
    color: var(--gold) !important;
}

.page-item.active .page-link {
    background-color: var(--dark-royal) !important;
    border-color: var(--dark-royal) !important;
}

a.text-gold:hover {
    color: var(--gold-light) !important;
}

.border-gold {
    border-color: var(--gold) !important;
}

.card-stats {
    background: linear-gradient(135deg, var(--dark-royal), var(--dark-royal-light)) !important;
}

.modal-header-dark-royal {
    background-color: var(--dark-royal) !important;
    color: #fff !important;
}

.modal-header-gold {
    background-color: var(--gold) !important;
    color: #1a1a1a !important;
}

.navbar-dark-royal {
    background-color: var(--dark-royal) !important;
}

.modal-header-dark-royal .btn-close,
.navbar-dark-royal .navbar-toggler-icon {
    filter: brightness(0) invert(1);
}