/* ============================================
   BRAP & CIRCUMSTANCE — DARK THEME
   Background: #0A0A0A | Accent: #D93025
   ============================================ */

:root {
  --bg-primary:      #0A0A0A;
  --bg-secondary:    #111111;
  --bg-card:         #161616;
  --bg-card-hover:   #1E1E1E;
  --bg-nav:          rgba(10,10,10,0.96);

  --text-primary:    #F0EDE6;
  --text-secondary:  #9A9488;
  --text-muted:      #5C5750;
  --text-inverse:    #0A0A0A;

  --accent-red:      #D93025;
  --accent-red-hover:#E8423A;
  --accent-amber:    #FFD580;
  --accent-amber-dim:#C9A340;

  --border-subtle:   rgba(240,237,230,0.08);
  --border-mid:      rgba(240,237,230,0.15);
  --border-strong:   rgba(240,237,230,0.30);

  --font-display:    'Playfair Display', Georgia, serif;
  --font-body:       'Source Serif 4', Georgia, serif;
  --font-mono:       'JetBrains Mono', 'Courier New', monospace;
  --font-sans:       'Inter', system-ui, sans-serif;

  --radius-sm:       4px;
  --radius-md:       8px;
  --radius-lg:       12px;

  --shadow-card:     0 2px 12px rgba(0,0,0,0.6);
  --shadow-elevated: 0 8px 32px rgba(0,0,0,0.8);

  --nav-height:      72px;
  --max-width:       1200px;
  --content-width:   720px;
}