/* Force entire site to true black */
:root {
  --background-primary: #000000;
  --background-primary-alt: #000000;
  --background-secondary: #000000;
  --background-secondary-alt: #000000;
}

/* Make sure page body + containers are pure black */
html, body {
  background-color: #000000 !important;
}

/* Main content container */
.published-container,
.site-body,
.markdown-preview-view {
  background-color: #000000 !important;
}

/* Remove subtle card/box gray tint */
.theme-dark .cm-editor,
.theme-dark .markdown-preview-view {
  background-color: #000000 !important;
}

body {
  color: #e6e6e6;
}

a {
  color: #8C66FF; /* your EzeSecOps purple */
}

/* Force sidebar to true black */
.site-sidebar,
.nav-view-outer,
.nav-view-container,
.workspace-split.mod-left-split,
.workspace-split.mod-right-split {
  background-color: #000000 !important;
}

/* Override sidebar-specific background variables */
:root {
  --background-modifier-hover: #111111;
  --background-modifier-active: #111111;
}

/* Remove subtle divider lines */
.site-sidebar {
  border-right: 1px solid #111111 !important;
}

.theme-dark .site-sidebar {
  background-color: #000000 !important;
}

/* ===== 0) Global true-black variables ===== */
:root{
  --background-primary: #000000;
  --background-primary-alt: #000000;
  --background-secondary: #000000;
  --background-secondary-alt: #000000;

  /* Kills the “outline” / divider look */
  --background-modifier-border: #000000;
  --background-modifier-border-hover: #000000;
  --divider-color: #000000;
}

/* ===== 1) Remove container borders/shadows that create the frame ===== */
.published-container,
.site-body,
.markdown-preview-view,
.page-content {
  background: #000000 !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Sometimes the “frame” comes from the root wrappers */
html, body, .app-container, .site-container {
  background: #000000 !important;
  border: none !important;
  box-shadow: none !important;
}

/* ===== 2) Sidebar: force pure black + remove its border ===== */
.site-sidebar,
.nav-view-outer,
.nav-view-container {
  background: #000000 !important;
  border-right: 1px solid #000000 !important;
  box-shadow: none !important;
}

/* Nav hover/active should be subtle, not gray panels */
.nav-file-title,
.nav-folder-title {
  background: transparent !important;
}
.nav-file-title:hover,
.nav-folder-title:hover,
.nav-file-title.is-active {
  background: #0a0a0a !important;
}

/* ===== 3) Optional: kill thin borders around cards/graph blocks ===== */
.markdown-preview-view * {
  border-color: #000000 !important;
}

/* Remove Obsidian's readable line width container */
.is-readable-line-width {
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 !important;
}

/* Remove framing from published container */
.published-container {
  background: #000000 !important;
  border: none !important;
  box-shadow: none !important;
}

/* Force full-bleed layout */
.site-body {
  max-width: 100% !important;
}