:root {
  --bg-color: #0b0d12;
  --text-color: #cbd5e1;
  --accent-gold: #c9a15a;
  --accent-gold-hover: #dfb76c;
  --border-color: rgba(201, 161, 90, 0.25);
  --card-bg: rgba(15, 23, 42, 0.6);
  --code-blue: #38bdf8;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  line-height: 1.8;
  color: var(--text-color);
  background-color: var(--bg-color);
  max-width: 950px;
  margin: 0 auto;
  padding: 40px 24px;
}

h1, h2, h3, h4 { color: #f8fafc; }
h2, .section-title { color: var(--accent-gold); border-left: 4px solid var(--accent-gold); padding-left: 12px; }
a { color: var(--accent-gold); text-decoration: none; }
a:hover { color: var(--accent-gold-hover); text-decoration: underline; }

table, .axiom-box, .domain-card, div.card {
  background-color: var(--card-bg);
  border: 1px solid var(--border-color);
  color: var(--text-color);
}
th { background-color: rgba(30, 41, 59, 0.8); color: var(--accent-gold); }
td, th { border: 1px solid var(--border-color); padding: 12px; }