/* Tema Universo — identidade visual da versão 0.7.1 */
:root {
  --green-950: #17251d;
  --green-900: #203127;
  --green-800: #2a4234;
  --green-700: #365542;
  --orange-600: #e95f24;
  --orange-500: #f3702d;
  --orange-100: #fff0e8;
  --cream: #f7f8f3;
  --white: #ffffff;
  --text: #25302a;
  --muted: #6f7b74;
  --border: #dfe5df;
  --danger: #b3261e;
  --danger-bg: #fdeceb;
  --success: #216e43;
  --success-bg: #e9f7ef;
  --warning: #8c5b00;
  --warning-bg: #fff5d8;
  --blue: #356b78;
  --blue-bg: #e9f2f3;
  --shadow: 0 18px 55px rgba(23, 37, 29, 0.10);
}

.auth-page {
  background:
    radial-gradient(circle at 90% 10%, rgba(243,112,45,.18), transparent 28%),
    radial-gradient(circle at 5% 90%, rgba(32,49,39,.18), transparent 30%),
    var(--cream);
}

.brand-panel,
.sidebar {
  background:
    linear-gradient(145deg, rgba(23,37,29,.98), rgba(42,66,52,.92)),
    var(--green-950);
}

.btn.primary {
  box-shadow: 0 8px 22px rgba(233,95,36,.25);
}

.btn.primary:hover {
  background: #d9511a;
}

.unit-help-box {
  color: #31535a;
}