:root {
  --bg: #0c0c0e;
  --surface: #16161a;
  --fg: #f5f5f5;
  --accent: #f59e0b;
  --accent-light: #fcd34d;
  --muted: #71717a;
  --border: rgba(245, 158, 11, 0.12);
  --font-display: 'Syne', sans-serif;
  --font-body: 'DM Sans', sans-serif;
}

body { background: var(--bg); }

/* Mobile adjustments */
@media (max-width: 768px) {
  .grid-col-2 { grid-template-columns: 1fr !important; }
  nav span.nav-desktop-label { display: none; }
  footer { flex-direction: column; text-align: center; }
}