/* FullSpectrum — Shared Variables & Common Components */

* { margin: 0; padding: 0; box-sizing: border-box; }

:root {
  --gold: #C9963A;
  --deep: #1A2B3C;
  --mid: #2D4A6B;
  --light: #F4F0E8;
  --green: #4A7C59;
  --accent: #4A7C59;
  --cream: #F4F0E8;
  --text: #2A2A2A;
  --warm: #E8D5B7;
}

body {
  font-family: 'Georgia', serif;
  color: var(--text);
}

/* Back navigation bar */
.back-nav {
  background: var(--deep);
  border-bottom: 1px solid rgba(255,255,255,0.1);
  padding: 10px 24px;
}

.back-nav a {
  color: rgba(255,255,255,0.5);
  font-size: 13px;
  text-decoration: none;
  font-family: 'Georgia', serif;
}

.back-nav a:hover {
  color: rgba(255,255,255,0.8);
}

.back-nav.dark-bg {
  background: #050D14;
  border-bottom-color: rgba(255,255,255,0.08);
}

.back-nav.dark-bg a {
  color: rgba(255,255,255,0.35);
}

/* Common header pattern */
.org-tag {
  font-size: 10px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: var(--gold);
  margin-bottom: 8px;
}

/* Responsive breakpoints */
@media (max-width: 600px) {
  .responsive-grid-2 { grid-template-columns: 1fr !important; }
}

@media (max-width: 480px) {
  .responsive-grid-3 { grid-template-columns: 1fr !important; }
}