
:root {
    --cor-primaria: #000000;
    --cor-secundaria: #001f3f;
    --cor-destaque: #ffd700;
    --cor-texto: #ffffff;
    --cor-fundo: #0a1929;
}

/* ===== CORES PRIMÁRIAS ===== */
.btn-primary,
.btn-primary:hover,
button[type="submit"],
a.btn-primary,
.badge-primary,
.header-nav a.active,
.sidebar a.active,
.card h2,
h1, h2, h3, h4, h5, h6 {
    color: #000000;
}

.btn-primary,
.btn-primary:hover,
button[type="submit"],
.badge-primary,
.header-nav a.active,
.sidebar a.active,
.feature-card:hover,
.plano-card:hover,
.input-focus {
    background-color: #000000;
    border-color: #000000;
}

.btn-primary:hover,
button[type="submit"]:hover {
    background-color: #000000dd;
    opacity: 0.9;
}

/* ===== CORES SECUNDÁRIAS ===== */
.card,
.feature-card,
.plano-card,
.sidebar,
.header,
.footer,
input,
textarea,
select {
    background-color: #001f3f;
    border-color: #001f3f;
}

.card {
    border: 1px solid #00000033;
}

/* ===== CORES DE DESTAQUE ===== */
.badge-destaque,
.badge,
.highlight,
.icon-destaque,
.star,
.premium-badge {
    color: #ffd700;
    background-color: #ffd70022;
    border-color: #ffd70044;
}

.badge-destaque {
    background-color: #ffd700;
    color: #0a1929;
}

/* ===== CORES DE TEXTO ===== */
body,
p,
span,
li,
a,
label,
.text-primary {
    color: #ffffff;
}

a {
    color: #000000;
}

a:hover {
    color: #ffd700;
}

/* ===== COR DE FUNDO ===== */
body,
html,
.main-content,
.container {
    background-color: #0a1929;
}

/* ===== EFEITOS E TRANSIÇÕES ===== */
.btn-primary:hover,
button[type="submit"]:hover,
a:hover,
.card:hover {
    box-shadow: 0 0 20px #00000044;
}

.input-focus:focus,
input:focus,
textarea:focus,
select:focus {
    border-color: #000000;
    box-shadow: 0 0 10px #00000033;
}

/* ===== GRADIENTES ===== */
.gradient-primary {
    background: linear-gradient(135deg, #000000 0%, #ffd700 100%);
}

.gradient-secondary {
    background: linear-gradient(135deg, #001f3f 0%, #000000 100%);
}

/* ===== BORDAS E LINHAS ===== */
hr,
.divider {
    border-color: #00000033;
}

.border-primary {
    border-color: #000000;
}

.border-secondary {
    border-color: #001f3f;
}

/* ===== SCROLLBAR ===== */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #0a1929;
}

::-webkit-scrollbar-thumb {
    background: #000000;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #ffd700;
}

/* ===== SELEÇÃO DE TEXTO ===== */
::selection {
    background-color: #000000;
    color: #0a1929;
}

::-moz-selection {
    background-color: #000000;
    color: #0a1929;
}

/* ===== PLACEHOLDER ===== */
::placeholder {
    color: #ffffff77;
}

::-webkit-input-placeholder {
    color: #ffffff77;
}

:-moz-placeholder {
    color: #ffffff77;
}

:-ms-input-placeholder {
    color: #ffffff77;
}
