:root {
  --brand: #0b2545; /* deep navy */
  --brand-dark: #07182b;
  --accent: #ffb86b; /* warm gold accent */
  --muted: #6b7a90;
  --page-bg: #f6f8fb;
  --dark: #0b1220;
}

body.dark {
  background-color: var(--dark);
  color: #e8eef8;
}

.card { background-color: #fff; border: 1px solid #e6e9ef; }

body.dark .card { background-color: #0f1724; border-color: #122031; }

header, footer { transition: background-color .2s ease; }

@media (max-width: 640px) {
  .max-w-7xl { padding-left: 1rem; padding-right: 1rem; }
}