/* Rolebound unified dark-fantasy theme
   Applied across the app to match the redesigned homepage. */
:root{
  --rb-bg:#070b0d;
  --rb-bg-soft:#090e10;
  --rb-panel:#0b1012;
  --rb-panel-2:#101719;
  --rb-panel-3:#141b1c;
  --rb-gold:#c89a4a;
  --rb-gold-light:#e0bd78;
  --rb-cream:#f2ead8;
  --rb-text:#d8d0bf;
  --rb-muted:#9c927e;
  --rb-line:#40331f;
  --rb-line-soft:#2b2419;
  --rb-danger:#c66a5b;
  --rb-success:#79a66a;

  /* Override legacy page palettes */
  --void:var(--rb-bg);
  --panel:var(--rb-panel);
  --panel-raised:var(--rb-panel-2);
  --paper:var(--rb-cream);
  --ink:var(--rb-text);
  --ink-dim:var(--rb-muted);
  --line:var(--rb-line);
  --rust:var(--rb-gold);
  --error:var(--rb-danger);
  --ok:var(--rb-success);
  --shadow:transparent;

  /* Homepage palette aliases */
  --bg:var(--rb-bg);
  --panel2:var(--rb-panel-2);
  --gold:var(--rb-gold);
  --gold2:var(--rb-gold-light);
  --cream:var(--rb-cream);
  --text:var(--rb-text);
  --muted:var(--rb-muted);
}

html{color-scheme:dark;}
body{
  background:var(--rb-bg) !important;
  color:var(--rb-text) !important;
}

/* User requested a flat, clean treatment: no shadows anywhere. */
*,*::before,*::after{
  box-shadow:none !important;
  text-shadow:none !important;
}
.world-logo{filter:none !important;}

::selection{background:var(--rb-gold);color:#0a0d0d;}

a{transition:color .18s ease,border-color .18s ease,background-color .18s ease,opacity .18s ease;}

/* Shared top bars */
header,
.nav,
.topbar,
.site-header{
  background:rgba(6,9,10,.97) !important;
  border-color:var(--rb-line) !important;
  backdrop-filter:none !important;
}
header nav a,
.navlinks a,
.topbar a{
  color:var(--rb-muted) !important;
}
header nav a:hover,
header nav a.active,
.navlinks a:hover,
.navlinks a.active,
.topbar a:hover,
.topbar a.active{
  color:var(--rb-cream) !important;
  border-color:var(--rb-gold) !important;
}

/* Typography */
h1,h2,h3,h4,h5,h6,
.page-title,.section-title,.modal-title,.card-title{
  color:var(--rb-cream) !important;
}
.eyebrow,.kicker,.overline,.label,.micro,
small[class*="label"],
.section-title{
  color:var(--rb-gold-light) !important;
}
.muted,.subtle,.lede,.meta,.card-meta,.empty-state{
  color:var(--rb-muted) !important;
}

/* Panels and cards */
.card,.panel,.panel-raised,.box,.tile,.modal,.mod-modal,
.profile-card,.entry-card,.community-card,.org-card,.stat-card,
.map-frame,.pricing-card,.settings-card,.composer,
[class*="card"],[class*="panel"]{
  box-shadow:none !important;
}
.card,.panel,.box,.tile,.modal,.mod-modal,
.profile-card,.entry-card,.community-card,.org-card,.stat-card,
.map-frame,.settings-card,.composer{
  background-color:var(--rb-panel) !important;
  border-color:var(--rb-line) !important;
}
.card-preview,.reason-box,.preview,.inner-panel,.subpanel,
[class*="raised"]{
  background-color:var(--rb-panel-2) !important;
  border-color:var(--rb-line) !important;
}

/* Buttons */
button,.btn,[role="button"],input[type="submit"]{
  box-shadow:none !important;
}
.btn,
button,
input[type="submit"]{
  border-color:var(--rb-gold) !important;
}
.btn.gold,
.btn-primary,
button.primary,
input[type="submit"],
button[type="submit"]{
  background:var(--rb-gold) !important;
  color:#090b0b !important;
  border:1px solid var(--rb-gold) !important;
}
.btn.gold:hover,
.btn-primary:hover,
button.primary:hover,
input[type="submit"]:hover,
button[type="submit"]:hover{
  background:var(--rb-gold-light) !important;
  border-color:var(--rb-gold-light) !important;
}
.btn.ghost,.btn-secondary,.btn-dismiss{
  background:transparent !important;
  color:var(--rb-text) !important;
  border-color:var(--rb-line) !important;
}
.btn.ghost:hover,.btn-secondary:hover,.btn-dismiss:hover{
  background:var(--rb-panel-2) !important;
  color:var(--rb-cream) !important;
  border-color:var(--rb-gold) !important;
}

/* Forms */
input,textarea,select{
  background:var(--rb-panel-2) !important;
  color:var(--rb-cream) !important;
  border-color:var(--rb-line) !important;
  box-shadow:none !important;
}
input:focus,textarea:focus,select:focus{
  outline:none !important;
  border-color:var(--rb-gold) !important;
  box-shadow:none !important;
}
input::placeholder,textarea::placeholder{color:#746d60 !important;}
label{color:var(--rb-muted) !important;}

/* Tabs / filters / pills */
.tabs,.tabbar,.filters,.filter-row{border-color:var(--rb-line) !important;}
.tab,.filter,.pill,.chip,.tag{
  box-shadow:none !important;
}
.tab.active,.filter.active,.pill.active,.chip.active,
.tab:hover,.filter:hover{
  color:var(--rb-gold-light) !important;
  border-color:var(--rb-gold) !important;
}

/* Tables and separators */
table,thead,tbody,tr,th,td,hr{
  border-color:var(--rb-line) !important;
}
th{color:var(--rb-gold-light) !important;}

/* Homepage refinements */
.quote,
.feature,
.stepsbox,
.pricing-wrap,
.price{
  box-shadow:none !important;
}
.feature,.stepsbox,.pricing-wrap,.price{
  border-color:var(--rb-line) !important;
}
.btn.gold{background:var(--rb-gold) !important;}

/* Status colors remain functional but less neon */
.message.error,.status-box.denied{border-color:var(--rb-danger) !important;color:#db8b7e !important;}
.message.ok,.status-box.ok{border-color:var(--rb-success) !important;color:#9bc18f !important;}

/* Scrollbars */
*{scrollbar-color:#594326 #090d0e;}

@media (max-width:760px){
  .card,.panel,.box,.modal,.mod-modal{border-radius:3px !important;}
}