/* Cytognosis Foundation — Brand palette for MkDocs Material */
/* Primary: Violet #8B3FC7 | Accent: Magenta #E0309E | Azure #3B7DD6 | Indigo #5145A8 */

:root {
  --cyto-violet:  #8B3FC7;
  --cyto-magenta: #E0309E;
  --cyto-azure:   #3B7DD6;
  --cyto-indigo:  #5145A8;
  --cyto-violet-light: #A855E0;
  --cyto-violet-dark:  #6A2E99;
}

/* Primary color overrides — light mode */
[data-md-color-scheme="default"] {
  --md-primary-fg-color:        #8B3FC7;
  --md-primary-fg-color--light: #A855E0;
  --md-primary-fg-color--dark:  #6A2E99;
  --md-accent-fg-color:         #E0309E;
}

/* Primary color overrides — dark mode */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color:        #A855E0;
  --md-primary-fg-color--light: #C07AEF;
  --md-primary-fg-color--dark:  #8B3FC7;
  --md-accent-fg-color:         #E0309E;
}

/* Header gradient: Violet → Indigo */
.md-header {
  background: linear-gradient(135deg, var(--cyto-violet) 0%, var(--cyto-indigo) 100%);
}

/* Nav sidebar accent links */
.md-nav__link--active,
.md-nav__link:focus,
.md-nav__link:hover {
  color: var(--cyto-magenta);
}

/* Inline code */
code {
  color: var(--cyto-azure);
}

/* Admonition note — use azure */
.md-typeset .admonition.note,
.md-typeset details.note {
  border-color: var(--cyto-azure);
}
.md-typeset .note > .admonition-title,
.md-typeset .note > summary {
  background-color: color-mix(in srgb, var(--cyto-azure) 12%, transparent);
}
.md-typeset .note > .admonition-title::before,
.md-typeset .note > summary::before {
  background-color: var(--cyto-azure);
}

/* Footer */
.md-footer {
  background: var(--cyto-indigo);
}

/* Inter font via Google Fonts — loaded via mkdocs.yml extra */
body, .md-typeset {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* Landing page hero table styling */
.md-typeset table:not([class]) th {
  background: color-mix(in srgb, var(--cyto-violet) 10%, transparent);
  color: var(--cyto-violet-dark);
}

/* Branded horizontal rule */
.md-typeset hr {
  border-color: color-mix(in srgb, var(--cyto-violet) 25%, transparent);
}
