/* Theme: Graphite — edit colors and rules below */

:root {
  --bg: #0e0f12;
  --bg-elevated: #1a1c22;
  --text: #eef0f4;
  --muted: #9aa3b2;
  --accent: #6f239c;
  --accent-2: #8f53b2;
  --danger: #dc3545;
  --border: #2c313c;
  --font-display: Georgia, "Times New Roman", serif;
  --font-body: system-ui, sans-serif;
}

html, body {
  color: var(--text);
  font-family: var(--font-body);
}

.site-header {
  border-bottom-color: var(--border);
}

.brand {
  font-family: var(--font-display);
}

.brand-logo {
  height: 2.2rem;
  max-width: 9rem;
  object-fit: contain;
}

button,
.btn {
  background: linear-gradient(135deg, var(--accent), var(--accent-2));
}

button.secondary,
.btn.secondary {
  background: transparent;
  color: var(--text);
  border-color: var(--border);
}

a {
  color: var(--accent-2);
}

.shell {
  max-width: 1200px;
}

.card-link,
.video-card {
  border-radius: 8px;
}