.appRoot {
  --accentColor: #be8b00;
  --accentSoftBg: rgba(190, 139, 0, 0.10);

  --bgColor: #f2f3f5;
  --textColor: #0f172a;
  --mutedTextColor: #64748b;

  --panelBg: #ffffff;
  --panelBorder: rgba(15, 23, 42, 0.12);

  --radiusLg: 0px;
  --radiusMd: 0px;
  --radiusSm: 0px;

  --headerBg: #ffffff;
  --headerBorder: rgba(15, 23, 42, 0.12);
}

.appRoot.anakin {
  --bgColor: #171717;
  --textColor: #e5e7eb;
  --mutedTextColor: #9ca3af;

  --panelBg: #1f1f1f;
  --panelBorder: rgba(255, 255, 255, 0.14);

  --headerBg: #1b1b1b;
  --headerBorder: rgba(255, 255, 255, 0.14);
  --accentSoftBg: rgba(190, 139, 0, 0.14);
}

.appRoot {
  margin: 0;
  padding: 0;
  background: var(--bgColor);
  color: var(--textColor);
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
}

.appRoot .appMain {
  max-width: 1200px;
  margin: 0 auto;
  padding: 18px 16px 40px 16px;
}

.appRoot ::selection {
  background: var(--accentColor);
  color: #111;
}

/* Scrollbar - WebKit */
.appRoot ::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.appRoot ::-webkit-scrollbar-track {
  background: transparent;
}

.appRoot ::-webkit-scrollbar-thumb {
  background: rgba(15, 23, 42, 0.25);
  border-radius: 999px;
  border: 3px solid transparent;
  background-clip: content-box;
}

.appRoot.anakin ::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.25);
  border: 3px solid transparent;
  background-clip: content-box;
}

/* Firefox */
.appRoot {
  scrollbar-width: thin;
  scrollbar-color: rgba(15, 23, 42, 0.28) transparent;
}

.appRoot.anakin {
  scrollbar-color: rgba(255, 255, 255, 0.28) transparent;
}