:root {
  --azul:    #0c2461;
  --azul-esc: #07173f;
  --ciano:   #4fc3f7;
  --dourado: #f5a623;
  --cinza:   #b4c8e6;
}

body {
  background-color: var(--azul-esc);
  color: #e8edf5;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.bs-navbar {
  background-color: var(--azul);
  border-bottom: 3px solid var(--dourado);
}

.text-dourado { color: var(--dourado); }
.text-ciano   { color: var(--ciano); }

/* Cards */
.card-betao {
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(79,195,247,0.15);
  border-radius: 12px;
  padding: 1rem;
}

/* Títulos de seção */
.section-title {
  color: var(--ciano);
  font-size: 0.85rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 0.6rem;
  font-weight: 600;
}

/* Labels */
.text-label {
  color: var(--cinza);
  font-size: 0.88rem;
  margin-bottom: 0.3rem;
  display: block;
}

/* Inputs e selects */
.form-control-betao,
.form-select-betao {
  background-color: rgba(255,255,255,0.07);
  border: 1px solid rgba(79,195,247,0.25);
  border-radius: 8px;
  color: #fff;
  font-size: 0.95rem;
  padding: 0.65rem 0.9rem;
  transition: border-color 0.2s;
}

.form-control-betao:focus,
.form-select-betao:focus {
  background-color: rgba(255,255,255,0.1);
  border-color: var(--ciano);
  box-shadow: 0 0 0 3px rgba(79,195,247,0.15);
  color: #fff;
  outline: none;
}

.form-control-betao::placeholder { color: rgba(180,200,230,0.5); }
.form-select-betao option        { background: var(--azul); color: #fff; }
textarea.form-control-betao      { resize: vertical; min-height: 70px; }

/* Tipo de post radio */
.tipo-option {
  display: block;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(79,195,247,0.2);
  border-radius: 10px;
  padding: 0.75rem 1rem;
  cursor: pointer;
  transition: all 0.2s;
  color: var(--cinza);
  font-size: 0.95rem;
}

.tipo-option.active,
.tipo-option:has(input:checked) {
  background: rgba(79,195,247,0.12);
  border-color: var(--ciano);
  color: #fff;
}

.tipo-option input { display: none; }

/* Botões */
.btn-primary-betao {
  background: linear-gradient(135deg, #1a3a8f, #0c2461);
  border: 2px solid var(--ciano);
  color: var(--ciano);
  border-radius: 12px;
  font-weight: 600;
  font-size: 1rem;
  letter-spacing: 0.03em;
  transition: all 0.2s;
}

.btn-primary-betao:hover,
.btn-primary-betao:active {
  background: var(--ciano);
  color: var(--azul-esc);
  border-color: var(--ciano);
}

.btn-success-betao {
  background: linear-gradient(135deg, #1b7a3b, #145c2d);
  border: 2px solid #4caf50;
  color: #a5d6a7;
  border-radius: 12px;
  font-weight: 600;
  font-size: 1rem;
  transition: all 0.2s;
}

.btn-success-betao:hover {
  background: #4caf50;
  color: #fff;
}

.btn-outline-secondary {
  border-color: rgba(180,200,230,0.3);
  color: var(--cinza);
  border-radius: 12px;
}

/* Spinner */
.spinner-border.text-ciano { color: var(--ciano) !important; }

/* Char count */
.char-count { font-size: 0.78rem; color: var(--cinza); }

/* File input */
input[type="file"].form-control-betao { padding: 0.5rem; }
input[type="file"].form-control-betao::file-selector-button {
  background: rgba(79,195,247,0.15);
  border: 1px solid var(--ciano);
  color: var(--ciano);
  border-radius: 6px;
  padding: 0.3rem 0.7rem;
  margin-right: 0.7rem;
  cursor: pointer;
}