/* ── Signal brand — MkDocs Material overrides ──────────────────────────────── */

/* Space Grotesk for headings (Inter + JetBrains Mono loaded via theme.font) */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600&display=swap');

/* ── Primary: Signal violet header / active nav ─────────────────────────── */
[data-md-color-primary="deep-purple"] {
  --md-primary-fg-color:        #fff;
  --md-primary-fg-color--light: rgba(255,255,255,.7);
  --md-primary-fg-color--dark:  rgba(255,255,255,.9);
  --md-primary-bg-color:        #7C5CFF;
  --md-primary-bg-color--light: rgba(124,92,255,.1);
}

/* ── Accent: Signal violet links / focus / hover ────────────────────────── */
[data-md-color-accent="deep-purple"] {
  --md-accent-fg-color:              #7C5CFF;
  --md-accent-fg-color--transparent: rgba(124,92,255,.1);
  --md-accent-bg-color:              #7C5CFF;
  --md-accent-bg-color--light:       rgba(124,92,255,.1);
}

/* ── Light scheme ───────────────────────────────────────────────────────── */
[data-md-color-scheme="default"] {
  --md-default-bg-color:            #FBFBFD;
  --md-default-fg-color:            #14141A;
  --md-default-fg-color--light:     rgba(20,20,26,.7);
  --md-default-fg-color--lighter:   rgba(20,20,26,.5);
  --md-default-fg-color--lightest:  rgba(20,20,26,.3);
  --md-typeset-a-color:             #7C5CFF;
  /* Code blocks on dark Signal surface even in light mode */
  --md-code-bg-color:               #16161E;
  --md-code-fg-color:               #E7E7EE;
}

/* Inline code: subtle violet tint in light mode (not forced dark) */
[data-md-color-scheme="default"] .md-typeset code:not(pre code) {
  background-color: rgba(124,92,255,.1);
  color: #6340E0;
}

/* ── Dark scheme (slate): Signal dark surface ───────────────────────────── */
[data-md-color-scheme="slate"] {
  --md-default-bg-color:            #0B0B10;
  --md-default-fg-color:            #E7E7EE;
  --md-default-fg-color--light:     rgba(231,231,238,.7);
  --md-default-fg-color--lighter:   rgba(231,231,238,.5);
  --md-default-fg-color--lightest:  rgba(231,231,238,.3);
  --md-typeset-a-color:             #7C5CFF;
  --md-code-bg-color:               #16161E;
  --md-code-fg-color:               #E7E7EE;
}

/* Sidebar surface distinct from page bg in dark mode */
[data-md-color-scheme="slate"] .md-sidebar {
  background-color: #16161E;
}

/* ── Headings: Space Grotesk ────────────────────────────────────────────── */
.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-typeset h4 {
  font-family: 'Space Grotesk', system-ui, sans-serif;
  letter-spacing: -0.02em;
}