/* ============================================
   ETHVISIONS DARK THEME — Docmost
   Navy + Cyan/Teal glow — Mantine-specific
   ============================================ */

:root {
  --ev-bg-deep: #0a0e1a;
  --ev-bg-surface: #0f1424;
  --ev-bg-elevated: #151b2e;
  --ev-bg-hover: #1a2238;
  --ev-border: #1e2a45;
  --ev-text-primary: #e0e6f0;
  --ev-text-secondary: #8892a8;
  --ev-text-muted: #5a6480;
  --ev-cyan: #00d4ff;
  --ev-cyan-dim: #0098b8;
  --ev-cyan-glow: rgba(0, 212, 255, 0.15);
  --ev-teal: #00b8a9;

  /* Override Mantine dark theme tokens */
  --mantine-color-body: var(--ev-bg-deep);
  --mantine-color-dark-7: var(--ev-bg-deep);
  --mantine-color-dark-6: var(--ev-bg-surface);
  --mantine-color-dark-5: var(--ev-bg-elevated);
  --mantine-color-dark-4: var(--ev-bg-hover);
  --mantine-color-dark-3: var(--ev-border);
  --mantine-color-text: var(--ev-text-primary);
  --mantine-color-dimmed: var(--ev-text-secondary);
  --mantine-color-anchor: var(--ev-cyan-dim);
  --mantine-primary-color-filled: var(--ev-cyan-dim);
  --mantine-color-default-border: var(--ev-border);
}

/* === GLOBAL === */
body {
  background-color: var(--ev-bg-deep) !important;
  color: var(--ev-text-primary) !important;
}

/* === MANTINE APP SHELL === */
.mantine-AppShell-root,
.mantine-AppShell-main {
  background-color: var(--ev-bg-deep) !important;
}

.mantine-AppShell-navbar {
  background-color: var(--ev-bg-surface) !important;
  border-right-color: var(--ev-border) !important;
}

.mantine-AppShell-header {
  background-color: var(--ev-bg-surface) !important;
  border-bottom-color: var(--ev-border) !important;
}

/* === SIDEBAR NAV LINKS === */
.mantine-NavLink-root {
  color: var(--ev-text-secondary) !important;
}
.mantine-NavLink-root:hover,
.mantine-NavLink-root[data-active] {
  background-color: var(--ev-cyan-glow) !important;
  color: var(--ev-cyan) !important;
}

/* === HEADINGS === */
.ProseMirror h1,
.ProseMirror h2,
.ProseMirror h3 {
  color: var(--ev-cyan) !important;
}

/* === EDITOR === */
.ProseMirror {
  color: var(--ev-text-primary) !important;
}

/* === LINKS === */
.ProseMirror a,
.mantine-Anchor-root {
  color: var(--ev-cyan-dim) !important;
}
.ProseMirror a:hover,
.mantine-Anchor-root:hover {
  color: var(--ev-cyan) !important;
}

/* === BUTTONS === */
.mantine-Button-root[data-variant="filled"] {
  background: linear-gradient(135deg, var(--ev-cyan-dim), var(--ev-teal)) !important;
  border: none !important;
  color: var(--ev-bg-deep) !important;
  font-weight: 600 !important;
}
.mantine-Button-root[data-variant="filled"]:hover {
  box-shadow: 0 0 16px rgba(0, 212, 255, 0.35) !important;
}

/* === INPUTS === */
.mantine-Input-input,
.mantine-TextInput-input,
.mantine-Textarea-input {
  background-color: var(--ev-bg-elevated) !important;
  border-color: var(--ev-border) !important;
  color: var(--ev-text-primary) !important;
}
.mantine-Input-input:focus,
.mantine-TextInput-input:focus,
.mantine-Textarea-input:focus {
  border-color: var(--ev-cyan) !important;
  box-shadow: 0 0 6px var(--ev-cyan-glow) !important;
}

/* === MODALS & POPOVERS === */
.mantine-Modal-content,
.mantine-Paper-root,
.mantine-Menu-dropdown,
.mantine-Popover-dropdown {
  background-color: var(--ev-bg-elevated) !important;
  border-color: var(--ev-border) !important;
  color: var(--ev-text-primary) !important;
}

/* === MENU ITEMS === */
.mantine-Menu-item:hover {
  background-color: var(--ev-cyan-glow) !important;
}

/* === DIVIDERS === */
.mantine-Divider-root {
  border-color: var(--ev-border) !important;
}

/* === CODE BLOCKS === */
.ProseMirror pre,
.ProseMirror code {
  background-color: var(--ev-bg-elevated) !important;
  color: var(--ev-teal) !important;
  border: 1px solid var(--ev-border) !important;
  border-radius: 4px;
}

/* === TABLES === */
.ProseMirror table {
  border-color: var(--ev-border) !important;
}
.ProseMirror th {
  background-color: var(--ev-bg-elevated) !important;
  color: var(--ev-cyan) !important;
}
.ProseMirror td {
  border-color: var(--ev-border) !important;
}

/* === SCROLLBAR === */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: var(--ev-bg-deep);
}
::-webkit-scrollbar-thumb {
  background: var(--ev-border);
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--ev-cyan-dim);
}

/* === SELECTION === */
::selection {
  background: rgba(0, 212, 255, 0.3) !important;
  color: #ffffff !important;
}

/* === TOOLTIPS === */
.mantine-Tooltip-tooltip {
  background-color: var(--ev-bg-elevated) !important;
  color: var(--ev-text-primary) !important;
  border: 1px solid var(--ev-border) !important;
}

/* === PAGE TITLE GLOW === */
.ProseMirror h1:first-child {
  text-shadow: 0 0 20px rgba(0, 212, 255, 0.15);
}