:root {
  --bg-base: #01070c; --bg-section: #020c14; --bg-panel: #07161f; --bg-hover: #0c1d29; --bg-active: #122838;
  --bg-sunken: #020a10; --bg-well: #01070c; --bg-raised: #07161f; --key-face: #06131c; --key-face-hover: #0c1d29;
  --border: rgba(188, 203, 214, 0.12); --border-hover: rgba(188, 203, 214, 0.24); --line-strong: rgba(188, 203, 214, 0.18);
  --text-main: #e9eef2; --text-dim: #bccbd6; --text-muted: #8a9fae; --text-strong: #ffffff;
  --accent: #7fa3bb; --accent-blue: #508aa8; --accent-purple: #7fa3bb; --accent-hover: #bccbd6; --accent-bright: #bccbd6;
  --accent-soft: rgba(127, 163, 187, 0.14); --accent-line: rgba(127, 163, 187, 0.42); --accent-text: #bccbd6; --accent-contrast: #020c14;
  --accent-gradient: linear-gradient(0deg, #ba1200, #ba1200); --accent-gradient-fill: linear-gradient(0deg, #ba1200, #ba1200);
  --accent-gradient-bar: linear-gradient(90deg, #ba1200, #ba1200); --accent-gradient-flow: linear-gradient(90deg, #ba1200, #ba1200);
  --accent-wash: rgba(127, 163, 187, 0.05); --accent-select: rgba(127, 163, 187, 0.3); --obs: #7fa3bb; --discord: #7fa3bb; --discord-soft: rgba(127, 163, 187, 0.14); --discord-line: rgba(127, 163, 187, 0.38); --discord-text: #bccbd6;
  --stripe-color: #ba1200; --canvas-dot: rgba(188, 203, 214, 0.06);
}
:root[data-theme="light"] {
  --bg-base: #d5dee5; --bg-section: #f4f6f8; --bg-panel: #e8edf1; --bg-hover: #d5dee5; --bg-active: #bccbd6;
  --bg-sunken: #f0f3f6; --bg-well: #e0e7ed; --bg-raised: #f8fafb;
  --border: #cbd5dd; --border-hover: #9fb0bd; --line-strong: #aebcc7;
  --text-main: #020c14; --text-dim: #24313b; --text-muted: #53687a; --text-strong: #020c14;
  --accent: #ba1200; --accent-blue: #508aa8; --accent-purple: #ba1200; --accent-hover: #9a0f00; --accent-bright: #9a0f00;
  --accent-soft: rgba(186, 18, 0, 0.09); --accent-line: rgba(186, 18, 0, 0.35); --accent-text: #9a0f00; --accent-contrast: #ffffff;
  --accent-wash: rgba(186, 18, 0, 0.04); --accent-select: rgba(186, 18, 0, 0.18); --obs: #508aa8; --discord: #508aa8; --discord-soft: rgba(80, 138, 168, 0.1); --discord-line: rgba(80, 138, 168, 0.34); --discord-text: #2f6380;
  --accent-gradient: linear-gradient(0deg, #ba1200, #ba1200); --accent-gradient-fill: linear-gradient(0deg, #ba1200, #ba1200);
  --accent-gradient-bar: linear-gradient(90deg, #ba1200, #ba1200); --accent-gradient-flow: linear-gradient(90deg, #ba1200, #ba1200);
}


.nav-btn.active[data-tip]:hover::after {
  -webkit-mask: none; mask: none; inset: auto; left: calc(100% + 12px); top: 50%; transform: translateY(-50%);
  padding: 6px 10px; border-radius: var(--radius-xs); background: var(--bg-raised); border: 1px solid var(--line-strong);
  box-shadow: var(--shadow-pop); white-space: nowrap; font-size: 12px; font-weight: 500; color: var(--text-main);
}
:root[data-theme="light"] .ab-photo img { mix-blend-mode: multiply; }

#app-nav { position: relative; z-index: 150 !important; }

.st-btn--primary, .insp-btn.primary, .dv-card.is-active .dv-open { color: #fff !important; }

:root[data-theme="light"] .logo-image { content: url("/demo/static/logo-ink.png"); padding: 0 !important; background: none !important; border-radius: 0 !important; }