:root {
  /* Default Traditional Brown */
  --bg-deep:      #1a1410;
  --bg-panel:     #231e18;
  --bg-card:      #2d2620;
  --border:       #4a3f30;
  --gold:         #c9a84c;
  --gold-light:   #e2c87a;
  --gold-dim:     #7a6030;
  --cream:        #f0e6cc;
  --cream-dim:    #b8a882;
  --text-body:    #d4c4a0;
  --text-muted:   #8a7a60;
  --radius:       6px;
  --shadow:       0 4px 24px rgba(0,0,0,0.6);
}

body.theme-green {
  --bg-deep:      #0f1712;
  --bg-panel:     #16221a;
  --bg-card:      #1c2b21;
  --border:       #2d4a36;
  --gold:         #8fba9a;
  --gold-light:   #b5d9be;
  --gold-dim:     #4a7a58;
  --cream:        #e2ebd9;
  --cream-dim:    #abc2b1;
  --text-body:    #a5b8a9;
  --text-muted:   #6b8070;
}

body.theme-blue {
  --bg-deep:      #0f151c;
  --bg-panel:     #161e2b;
  --bg-card:      #1b2636;
  --border:       #2c425e;
  --gold:         #82a8d1;
  --gold-light:   #b3cdeb;
  --gold-dim:     #4b729e;
  --cream:        #e3ebf5;
  --cream-dim:    #aabdd1;
  --text-body:    #a3b4c4;
  --text-muted:   #677d94;
}

body.theme-slate {
  --bg-deep:      #121212;
  --bg-panel:     #1e1e1e;
  --bg-card:      #252525;
  --border:       #3d3d3d;
  --gold:         #a0a0a0;
  --gold-light:   #cccccc;
  --gold-dim:     #5e5e5e;
  --cream:        #e0e0e0;
  --cream-dim:    #a3a3a3;
  --text-body:    #b0b0b0;
  --text-muted:   #757575;
}

body.theme-purple {
  --bg-deep:      #15101a;
  --bg-panel:     #1d1626;
  --bg-card:      #261d33;
  --border:       #42305c;
  --gold:         #b392d1;
  --gold-light:   #d8c2ed;
  --gold-dim:     #6a4a8c;
  --cream:        #ebe3f2;
  --cream-dim:    #c4b0d1;
  --text-body:    #b6a7c4;
  --text-muted:   #7d698f;
}