/* Custom palette: Deep Navy primary, cyan accent for links
   Primary  #0d1b2a — deep navy (top bar, header)
   Accent   #00e5ff — electric cyan (active links, hover states)
   Links    #00bcd4 — cyan (passive links in content pane)    */

:root {
  --md-primary-fg-color:        #0d1b2a;
  --md-primary-fg-color--light: #1a2e42;
  --md-primary-fg-color--dark:  #060e15;
  --md-accent-fg-color:         #00e5ff;
  --md-accent-fg-color--transparent: rgba(0, 229, 255, 0.1);
  --helix-opacity: 0.22;
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color:        #0d1b2a;
  --md-primary-fg-color--light: #1a2e42;
  --md-primary-fg-color--dark:  #060e15;
  --md-accent-fg-color:         #00e5ff;
  --md-accent-fg-color--transparent: rgba(0, 229, 255, 0.15);
  --helix-opacity: 0.15;
}

/* Active section highlight in left sidebar */
.md-nav__link--active,
.md-nav__item--active > .md-nav__link {
  color: #00e5ff;
}

/* Active section highlight in right TOC panel */
.md-nav--secondary .md-nav__link--active {
  color: #00e5ff;
}

/* Passive links in main content area */
.md-typeset a {
  color: #00bcd4;
}

/* Framed inline images — preserved from the original base.css. */
.md-typeset img {
  padding: 4px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
}

/* Double helix watermark on left sidebar */
.md-sidebar--primary .md-sidebar__scrollwrap {
  position: relative;
}

.md-sidebar--primary .md-sidebar__scrollwrap::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url('../img/dna_tile.svg');
  background-repeat: repeat-y;
  background-position: center top;
  background-size: 180px auto;
  opacity: var(--helix-opacity);
  pointer-events: none;
  z-index: 0;
}

/* Double helix watermark on right sidebar */
.md-sidebar--secondary .md-sidebar__scrollwrap {
  position: relative;
}

.md-sidebar--secondary .md-sidebar__scrollwrap::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url('../img/dna_tile.svg');
  background-repeat: repeat-y;
  background-position: center top;
  background-size: 180px auto;
  opacity: var(--helix-opacity);
  pointer-events: none;
  z-index: 0;
}