:root {
  --ink: #203044;
  --muted: #727a7d;
  --line: #e9e1d4;
  --paper: #fbf7ef;
  --white: #fffefa;
  --purple: #bd4b35;
  --purple-dark: #9f3828;
  --green: #31735b;
  --shadow: 0 10px 35px rgba(74, 48, 26, .08);
}

body { background: var(--paper); }
.sidebar { background: #fffdf8; }
.sidebar::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  background: repeating-linear-gradient(90deg, #c04b35 0 28px, #e7ad3d 28px 56px, #24496a 56px 84px, #f0ddbb 84px 112px);
}
.brand-mark {
  background: linear-gradient(145deg, #e7ad3d 0%, #ca5735 60%, #a63d2d 100%);
  border: 2px solid #fff1d7;
  border-radius: 14px 14px 5px 14px;
  box-shadow: 0 7px 16px rgba(177, 72, 46, .22);
}
.brand-light, .nav-link.active, .nav-link:hover, .top-link, .inline-link a { color: #b84632; }
.login-page {
  background:
    radial-gradient(circle at 12% 18%, rgba(230, 171, 59, .17) 0 2px, transparent 3px) 0 0 / 28px 28px,
    radial-gradient(ellipse at 50% 0, #f4dfbd 0%, #fbf7ef 56%);
}
.login-card { border-color: #eadcc7; box-shadow: 0 20px 65px rgba(86, 50, 27, .12); }
.eyebrow, .section-kicker { color: #b84632; }
.nav-link.active, .nav-link:hover { background: #f9eee0; }
.server-avatar, .empty-icon, .panel-icon { background: #f7ead6; color: #a84531; }
.stat-icon.violet { color: #a84531; background: #f8ead8; }
.stat-icon.green { color: #287253; background: #e8f2e8; }
.stat-icon.amber { color: #aa741d; background: #fbf0d6; }
.button.primary { background: #bd4b35; box-shadow: 0 5px 12px rgba(189, 75, 53, .22); }
.button.primary:hover { background: #9f3828; }
.switch input:checked + .slider { background: #bd4b35; }
.category-option:hover { border-color: #e2bc87; background: #fffaf0; }
.category-option:has(input:checked) { border-color: #e0b87c; background: #fbf1e0; color: #913c2c; }
.category-option input:checked + .checkmark { background: #bd4b35; border-color: #bd4b35; }
.tag { background: #f8ead8; color: #9c402d; }
.question-number { background: #f8ead8; color: #a84531; }