:root {
  --brand-primary: #eac720;
  --brand-secondary: #4f46e5;
  --brand-accent: #ffffff;
  --brand-bg: #002f0c;
  --brand-text: #ffffff;
  --brand-font: 'Roboto', sans-serif;
}

body { font-family: var(--brand-font); }

.btn-primary {
  background-color: var(--brand-primary);
  color: white;
  transition: opacity 0.2s;
  text-shadow: -1px -1px 0 #000000, 1px -1px 0 #000000, -1px 1px 0 #000000, 1px 1px 0 #000000;
}
.btn-primary:hover { opacity: 0.9; }

.btn-secondary {
  background-color: var(--brand-secondary);
  color: white;
  text-shadow: -1px -1px 0 #000000, 1px -1px 0 #000000, -1px 1px 0 #000000, 1px 1px 0 #000000;
}

.brand-card {
  background-color: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 0.75rem;
}