/* 7N Brand Colors */
:root {
  --7n-navy: #05001e;
  --7n-dark-blue: #03063f;
  --7n-accent-blue: #0103ff;
  --7n-light-gray: #f5f5f7;
  --7n-gray: #bbb;
  --7n-border-gray: #d6d7e0;
  --7n-dark-gray: #1e1e1e;
}

/* Light mode */
[data-md-color-scheme="default"] {
  --md-primary-fg-color: #05001e;
  --md-primary-fg-color--light: #03063f;
  --md-primary-fg-color--dark: #05001e;
  --md-accent-fg-color: #0103ff;
  --md-default-bg-color: #f5f5f7;
}

/* Dark mode */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #0103ff;
  --md-primary-fg-color--light: #3d40ff;
  --md-primary-fg-color--dark: #0103ff;
  --md-accent-fg-color: #0103ff;
  --md-default-bg-color: #1e1e1e;
}

/* Header */
.md-header {
  background-color: var(--7n-navy);
}

/* Typography */
.md-typeset h1,
.md-typeset h2,
.md-typeset h3 {
  color: var(--7n-dark-blue);
  font-weight: 600;
}

[data-md-color-scheme="slate"] .md-typeset h1,
[data-md-color-scheme="slate"] .md-typeset h2,
[data-md-color-scheme="slate"] .md-typeset h3 {
  color: #fff;
}

/* Links */
.md-typeset a {
  color: var(--7n-accent-blue);
}

.md-typeset a:hover {
  color: var(--7n-navy);
}

/* Navigation tabs */
.md-tabs {
  background-color: var(--7n-dark-blue);
}

/* Code blocks */
.md-typeset code {
  border-radius: 4px;
}

/* Admonitions */
.md-typeset .admonition.note,
.md-typeset details.note {
  border-color: var(--7n-accent-blue);
}

.md-typeset .note > .admonition-title,
.md-typeset .note > summary {
  background-color: rgba(1, 3, 255, 0.1);
}