:root {
  --brg-ink: #020408;
  --brg-bg: #030308;
  --brg-panel: #07101f;
  --brg-card: #0a1628;
  --brg-gold: #D4A843;
  --brg-gold-soft: rgba(212,168,67,0.10);
  --brg-gold-line: rgba(212,168,67,0.25);
  --brg-text: rgba(255,255,255,0.92);
  --brg-muted: rgba(255,255,255,0.56);
  --brg-quiet: rgba(255,255,255,0.34);
  --brg-border: rgba(255,255,255,0.075);
  --brg-green: #10B981;
  --brg-amber: #F59E0B;
  --brg-red: #EF4444;
  color-scheme: dark;
}

html {
  background: var(--brg-bg);
}

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

::selection {
  background: rgba(212,168,67,0.28);
  color: #fff;
}

:focus-visible {
  outline: 2px solid var(--brg-gold);
  outline-offset: 2px;
}

[data-brg-theme-card] {
  background: rgba(7,16,31,0.78);
  border-color: var(--brg-border);
}