/* Site-wide accent: red + white on black (matches Aurora colorStops) */
:root {
  --brand-lime: #ef4444;
  --brand-green: #f87171;
  --brand-green-mid: #dc2626;
  --brand-green-dark: #991b1b;
  --brand-green-deep: #7f1d1d;
  --brand-glow: rgba(239, 68, 68, 0.28);
  --brand-glow-soft: rgba(248, 113, 113, 0.22);
  --brand-void: #0a0404;
  --brand-mint: #fecaca;
  --brand-mint-soft: #fff5f5;
  --brand-accent: #ef4444;
  --brand-accent-bright: #ff3333;
  --brand-on-accent: #ffffff;
}

/* Override legacy purple scrollbar / edge line from style.css */
html.aurora-root,
body.aurora-page,
body.sign-in-page,
body.dash-page {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

html.aurora-root::-webkit-scrollbar,
body.aurora-page::-webkit-scrollbar,
body.sign-in-page::-webkit-scrollbar,
body.dash-page::-webkit-scrollbar,
body.dash-page.dash-with-sidebar::-webkit-scrollbar,
body.dash-page.dash-with-sidebar *::-webkit-scrollbar,
.dash-sidebar-app::-webkit-scrollbar,
.dash-sidebar-app *::-webkit-scrollbar,
.dash-inset-body::-webkit-scrollbar,
.dash-sidebar__content::-webkit-scrollbar,
html.aurora-root *::-webkit-scrollbar,
body.aurora-page *::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
  background: transparent !important;
}

html.aurora-root::-webkit-scrollbar-thumb,
body.aurora-page::-webkit-scrollbar-thumb,
body.sign-in-page::-webkit-scrollbar-thumb,
body.dash-page::-webkit-scrollbar-thumb,
body.dash-page.dash-with-sidebar::-webkit-scrollbar-thumb,
body.dash-page.dash-with-sidebar *::-webkit-scrollbar-thumb,
.dash-sidebar-app::-webkit-scrollbar-thumb,
.dash-sidebar-app *::-webkit-scrollbar-thumb,
.dash-inset-body::-webkit-scrollbar-thumb,
.dash-sidebar__content::-webkit-scrollbar-thumb,
html.aurora-root *::-webkit-scrollbar-thumb,
body.aurora-page *::-webkit-scrollbar-thumb {
  background: transparent !important;
  border: none !important;
}

html.aurora-root::-webkit-scrollbar-track,
body.aurora-page::-webkit-scrollbar-track,
body.dash-page::-webkit-scrollbar-track,
body.dash-page.dash-with-sidebar *::-webkit-scrollbar-track,
.dash-inset-body::-webkit-scrollbar-track {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

body.dash-page.dash-with-sidebar,
body.dash-page.dash-with-sidebar *,
.dash-sidebar-app,
.dash-sidebar-app *,
.dash-inset-body,
.dash-sidebar__content {
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

body.sign-in-page::before,
body.sign-in-page::after,
body.dash-page::before,
body.dash-page::after {
  display: none !important;
  content: none !important;
}

html.aurora-root,
html:has(body.aurora-page) {
  overflow-x: hidden !important;
  max-width: 100%;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
  scrollbar-color: transparent transparent !important;
}

html.aurora-root::-webkit-scrollbar,
html:has(body.aurora-page)::-webkit-scrollbar,
html.aurora-root *::-webkit-scrollbar,
html:has(body.aurora-page) *::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
  background: transparent !important;
}

html.aurora-root::-webkit-scrollbar-thumb,
html:has(body.aurora-page)::-webkit-scrollbar-thumb,
html.aurora-root *::-webkit-scrollbar-thumb,
html:has(body.aurora-page) *::-webkit-scrollbar-thumb,
html.aurora-root::-webkit-scrollbar-track,
html:has(body.aurora-page)::-webkit-scrollbar-track,
html.aurora-root *::-webkit-scrollbar-track,
html:has(body.aurora-page) *::-webkit-scrollbar-track {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

body.dash-page.dash-with-sidebar {
  overflow: hidden !important;
  max-width: 100vw;
  height: 100dvh;
  max-height: 100dvh;
}

html.aurora-root:has(body.dash-with-sidebar) {
  height: 100%;
  overflow: hidden;
}

body.dash-page.dash-with-sidebar .dash-sidebar-app {
  overflow-x: hidden;
  max-width: 100%;
}

body.dash-page.dash-with-sidebar .page-aurora-backdrop {
  overflow: hidden;
  max-width: 100vw;
}

body.dash-page.dash-with-sidebar .page-aurora-backdrop__vignette {
  box-shadow: inset -20px 0 36px rgba(10, 4, 4, 0.92);
}