/* ─────────────────────────────────────────────────────────────────────────────
   Brand — colours and type matched to aiwithpriyabrat.com
   Material reads these --md-* variables; see https://squidfunk.github.io/mkdocs-material/setup/changing-the-colors/
   ───────────────────────────────────────────────────────────────────────────── */

:root {
  /* Brand tokens (same values as the portfolio's style.css) */
  --lx-sky:        #38BDF8;
  --lx-sky-light:  #7DD3FC;
  --lx-sky-dark:   #0284C7;
  --lx-ink:        #0A0A0C;
  --lx-amber:      #FBBF24;
  --lx-green:      #10B981;
  --lx-radius:     12px;
  --lx-heading-font: "Playfair Display", Georgia, serif;
}

/* Light scheme */
[data-md-color-scheme="default"] {
  --md-primary-fg-color:        #0369A1;
  --md-primary-fg-color--light: var(--lx-sky);
  --md-primary-fg-color--dark:  #075985;
  --md-primary-bg-color:        #ffffff;
  --md-accent-fg-color:         var(--lx-sky-dark);
  --md-typeset-a-color:         #0369A1;
  --lx-card-bg:                 #F5F9FF;
  --lx-card-border:             rgba(2, 132, 199, 0.18);
  --lx-muted:                   #48566E;
}

/* Dark scheme (default) */
[data-md-color-scheme="slate"] {
  --md-hue: 225;
  --md-default-bg-color:        var(--lx-ink);
  --md-primary-fg-color:        #0F0F12;
  --md-primary-fg-color--light: #17171C;
  --md-primary-fg-color--dark:  #0A0A0C;
  --md-primary-bg-color:        #F0F4FA;
  --md-accent-fg-color:         var(--lx-sky-light);
  --md-typeset-a-color:         var(--lx-sky);
  --md-code-bg-color:           #111318;
  --lx-card-bg:                 #0F0F12;
  --lx-card-border:             rgba(255, 255, 255, 0.08);
  --lx-muted:                   #97A3B8;
}

/* Header & tabs: a subtle sky underline like the portfolio navbar */
.md-header { box-shadow: 0 1px 0 rgba(56, 189, 248, 0.25); }
[data-md-color-scheme="slate"] .md-tabs { border-bottom: 1px solid rgba(255, 255, 255, 0.06); }

/* Headings use the portfolio's serif display face */
.md-typeset h1,
.md-typeset h2 {
  font-family: var(--lx-heading-font);
  font-weight: 700;
  letter-spacing: -0.01em;
}
.md-typeset h1 { color: var(--md-default-fg-color); }

/* Announcement bar */
.md-banner { background: linear-gradient(90deg, #0284C7, #38BDF8); color: #0A0A0C; }
.md-banner a { color: #0A0A0C; font-weight: 700; text-decoration: underline; }
.lx-announce { font-weight: 600; }

/* Code blocks: slightly rounder */
.md-typeset pre > code,
.md-typeset .highlight { border-radius: 10px; }

/* Outline buttons: Material tints them with the primary colour, which is near-black in the dark scheme */
[data-md-color-scheme="slate"] .md-typeset .md-button:not(.md-button--primary) {
  color: var(--lx-sky);
  border-color: rgba(56, 189, 248, 0.55);
}
[data-md-color-scheme="slate"] .md-typeset .md-button:not(.md-button--primary):hover {
  background: rgba(56, 189, 248, 0.1);
  color: var(--lx-sky-light);
  border-color: var(--lx-sky-light);
}