/*
  Theme Name: Biolume 26 Theme - Dark Mode
  Author: Martin Möller <moellervdm@gmail.com>
  Copyright: (c) 2026 Martin Möller
  Description: A hip and stylish 2026 theme for Logseq - Dark Mode "Midnight Biolume"
*/

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600&family=Space+Grotesk:wght@400;500;600;700&display=swap');

:root {
  /* -- Biolume 26 Palette Common -- */
  --biolume-font-heading: 'Space Grotesk', sans-serif;
  --biolume-font-body: 'Outfit', sans-serif;
}

/* Dark Theme Variables */
html[data-theme='dark'],
.dark-theme {
  --ct-primary-color: #00FFC2 !important;
  /* Neo-Mint */
  --ct-secondary-color: #9D65FF !important;
  /* Electric Violet */
  --ct-warning-color: #FFD93D !important;
  --ct-success-color: #6BCB77 !important;
  --ct-highlight-color: #1A3C40 !important;

  --ls-primary-background-color: #051419 !important;
  /* Midnight Teal */
  --ls-secondary-background-color: #091E24 !important;
  --ls-tertiary-background-color: #0F2D35 !important;
  --ls-quaternary-background-color: #15353F !important;

  --ls-primary-text-color: #E2E8F0 !important;
  --ls-secondary-text-color: #94A3B8 !important;

  --ls-border-color: #1A3C40 !important;
  --ls-menu-hover-color: #112F35 !important;

  --ls-link-text-color: #00FFC2 !important;
  --ls-link-text-hover-color: #5CFFD6 !important;

  --ls-active-primary-color: #00FFC2 !important;
  --ls-active-secondary-color: #9D65FF !important;

  --ls-block-bullet-color: #00FFC2 !important;
  --ls-block-bullet-border-color: #1A3C40 !important;
}

/* --- Core Typography --- */
html,
body {
  font-family: var(--biolume-font-body) !important;
  background-color: var(--ls-primary-background-color) !important;
  color: var(--ls-primary-text-color) !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.ls-block-h1,
.ls-block-h2,
.ls-block-h3 {
  font-family: var(--biolume-font-heading) !important;
  font-weight: 600 !important;
}

/* --- UI Polish --- */

/* Sidebar */
.left-sidebar-inner {
  background-color: var(--ls-secondary-background-color) !important;
  border-right: 1px solid var(--ls-border-color) !important;
}

/* Bullet Points with Glow Effect in Dark Mode */
.bullet-container .bullet {
  background-color: var(--ct-primary-color) !important;
  box-shadow: 0 0 5px var(--ct-primary-color);
}

/* Block References */
.block-ref {
  border-bottom: 1px dashed var(--ct-secondary-color);
  padding: 0 4px;
  border-radius: 4px;
}

.block-ref:hover {
  background-color: var(--ls-menu-hover-color);
  color: var(--ct-primary-color);
}

/* Tags */
a.tag {
  background-color: var(--ls-tertiary-background-color);
  padding: 2px 6px;
  border-radius: 6px;
  color: var(--ct-secondary-color) !important;
  font-weight: 500;
  border: 1px solid var(--ct-secondary-color);
  background: rgba(157, 101, 255, 0.1);
  transition: all 0.2s ease;
}

a.tag:hover {
  background-color: var(--ct-secondary-color);
  color: var(--ls-primary-background-color) !important;
}

/* Page Title */
.title {
  color: var(--ct-primary-color) !important;
  font-size: 2.2em;
}

/* Checkboxes */
.form-checkbox {
  border-radius: 4px;
  border-color: var(--ct-primary-color) !important;
}

.form-checkbox:checked {
  background-color: var(--ct-primary-color) !important;
  border-color: var(--ct-primary-color) !important;
}
/* --- Watermark --- */
#main-content-container::before {
  content: "Adrian Purtik";
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-30deg);
  font-size: 80px;
  opacity: 0.15;
  color: #00FFC2;
  pointer-events: none;
  z-index: 9999;
  white-space: nowrap;
  font-weight: bold;
  font-family: var(--biolume-font-heading);
}