/* AI University brand theme over MkDocs Material.
   Indigo accent + Fraunces display headings to match the marketing sites. */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,700;9..144,800&display=swap');

:root {
  --md-primary-fg-color: #6d5ef6;
  --md-primary-fg-color--light: #8b7dff;
  --md-primary-fg-color--dark: #5b4ee0;
  --md-accent-fg-color: #0891b2;
  --md-accent-fg-color--transparent: rgba(34, 211, 238, 0.1);
}
[data-md-color-scheme="slate"] {
  --md-default-bg-color: #0b1020;
  --md-primary-fg-color: #8b7dff;
  --md-primary-fg-color--dark: #6d5ef6;
  --md-accent-fg-color: #22d3ee;
}

/* Display headings in Fraunces */
.md-typeset h1, .md-typeset h2, .md-typeset h3,
.md-header__title, .md-nav__title {
  font-family: 'Fraunces', ui-serif, Georgia, serif;
  letter-spacing: -0.01em;
}
.md-typeset h1 { font-weight: 800; }
.md-typeset h2, .md-typeset h3 { font-weight: 700; }

/* Slightly roomier reading measure for the encyclopedia feel */
.md-typeset { font-size: 0.82rem; }
.md-grid { max-width: 62rem; }

/* Mermaid diagrams: centered, framed, breathable */
.md-typeset .mermaid {
  display: flex;
  justify-content: center;
  margin: 1.6em 0;
  padding: 1.2em;
  background: var(--md-code-bg-color);
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 0.6rem;
}

/* Card grids: subtle lift + accent title */
.md-typeset .grid.cards > ul > li,
.md-typeset .grid > .card {
  border-radius: 0.6rem;
  transition: border-color 120ms, box-shadow 120ms;
}
.md-typeset .grid.cards > ul > li:hover {
  border-color: var(--md-primary-fg-color);
  box-shadow: 0 6px 18px -8px rgba(79, 70, 229, 0.35);
}
.md-typeset .grid.cards > ul > li > hr {
  margin: 0.6em 0;
}