:root {
  --brand-orange: #FF6B00;
  --brand-dark: #0A1A2F;
  --brand-blue: #1A3C72;
  --bg-surface: #151B22;
  --text-light: #E5EAF0;
  --text-muted: #7D8894;
  --success: #2ECC71;
  --warning: #F1C40F;
  --error: #E74C3C;
}

body {
  background-color: var(--brand-dark);
  color: var(--text-light);
  font-family: 'Segoe UI', sans-serif;
  padding: 2rem;
}

button {
  background-color: var(--brand-orange);
  border: none;
  color: var(--text-light);
  padding: 0.75rem 1.5rem;
  border-radius: 6px;
  cursor: pointer;
  margin: 1rem 0;
}

button:hover {
  background-color: #e05f00;
}

.card {
  background-color: var(--bg-surface);
  padding: 1.5rem;
  border-radius: 8px;
  margin-bottom: 1rem;
  box-shadow: 0 4px 8px rgba(0,0,0,0.3);
}