/* ── amazee.ai Brand Theme for MkDocs Material ──────────────────────────── */

/* ── Google Fonts: Inter ────────────────────────────────────────────────── */
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&display=swap");

/* ── Brand Color Tokens ─────────────────────────────────────────────────── */
:root {
  --color-brand-dark-1:      #250049;
  --color-brand-dark-2:      #43235d;
  --color-brand-dark-3:      #681959;
  --color-brand-main-1:      #8b0e54;
  --color-brand-main-2:      #d81159;
  --color-brand-main-3:      #fc2577;
  --color-brand-secondary-1: #42c0c0;
  --color-brand-secondary-2: #ff862c;
  --color-brand-gray-dark:   #b1bec8;
  --color-brand-gray-light:  #f4f7f9;
  --color-brand-gray-text:   #5f7281;
}

/* ── Light Mode ─────────────────────────────────────────────────────────── */
[data-md-color-scheme="default"] {
  /* Primary: brand main crimson */
  --md-primary-fg-color:              #d81159;
  --md-primary-fg-color--light:       #fc2577;
  --md-primary-fg-color--dark:        #8b0e54;
  --md-primary-bg-color:              #ffffff;
  --md-primary-bg-color--light:       #f4f7f9;

  /* Accent: teal secondary */
  --md-accent-fg-color:               #42c0c0;
  --md-accent-fg-color--transparent:  rgba(66, 192, 192, 0.1);
  --md-accent-bg-color:               #ffffff;

  /* Typography */
  --md-typeset-color:                 #1a202c;
  --md-typeset-a-color:               #d81159;

  /* Code blocks */
  --md-code-bg-color:                 #f4f7f9;
  --md-code-fg-color:                 #250049;

}

/* ── Dark Mode ──────────────────────────────────────────────────────────── */
[data-md-color-scheme="slate"] {
  /* Hue tuned to brand purple */
  --md-hue: 280;

  /* Primary: brand gradient start */
  --md-primary-fg-color:              #fc2577;
  --md-primary-fg-color--light:       #fc2577;
  --md-primary-fg-color--dark:        #d81159;
  --md-primary-bg-color:              #250049;
  --md-primary-bg-color--light:       #43235d;

  /* Accent: teal secondary */
  --md-accent-fg-color:               #42c0c0;
  --md-accent-fg-color--transparent:  rgba(66, 192, 192, 0.1);

  /* Background layers */
  --md-default-bg-color:              #000000;
  --md-default-bg-color--light:       #111111;
  --md-default-bg-color--lighter:     #1a1a1a;
  --md-default-bg-color--lightest:    #222222;

  /* Typography */
  --md-typeset-color:                 #f4f7f9;
  --md-typeset-a-color:               #fc2577;

  /* Code blocks */
  --md-code-bg-color:                 #5f7281;
  --md-code-fg-color:                 #ffffff;
}

/* ── Header gradient: both modes ────────────────────────────────────────── */
.md-header,
[data-md-color-scheme="slate"] .md-header {
  background: linear-gradient(149deg, #43235d 0%, #681959 33%, #8b0e54 48%, #d81159 100%) !important;
  height: 72px;
}

/* ── Header text/icons: force white in both modes ───────────────────────── */
.md-header *,
[data-md-color-scheme="slate"] .md-header * {
  color: #ffffff !important;
}

/* ── Header inner: vertically center content ────────────────────────────── */
.md-header__inner {
  height: 72px;
}

/* ── Logo size ──────────────────────────────────────────────────────────── */
.md-header__button.md-logo img,
.md-header__button.md-logo svg {
  width: 100px;
  height: auto;
}

/* ── Headlines: bold weight ─────────────────────────────────────────────── */
.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-typeset h4,
.md-typeset h5,
.md-typeset h6 {
  font-weight: 700;
}

/* ── H1 color: both modes ───────────────────────────────────────────────── */
.md-typeset h1 {
  color: #d81159;
}

/* ── Search bar ─────────────────────────────────────────────────────────── */
.md-search__input,
.md-search__form {
  border-radius: 50px !important;
}
.md-typeset pre,
.md-typeset code {
  border-radius: 16px;
}

/* ── Tabs bar: dark mode ────────────────────────────────────────────────── */
[data-md-color-scheme="slate"] .md-tabs {
  background-color: #250049 !important;
}

[data-md-color-scheme="slate"] .md-tabs .md-tabs__link {
  color: #ffffff !important;
}

/* ── Left nav title (repeats selected main nav item) ───────────────────── */
.md-nav .md-nav__title {
  color: #000000 !important;
}

[data-md-color-scheme="slate"] .md-nav .md-nav__title {
  color: #ffffff !important;
}

/* ── Left nav section label (top-level tab title, rendered as <label>) ──── */
.md-nav--primary label.md-nav__link {
  color: #000000 !important;
}

[data-md-color-scheme="slate"] .md-nav--primary label.md-nav__link {
  color: #ffffff !important;
}

/* ── Left nav links: light mode ─────────────────────────────────────────── */
.md-nav--primary .md-nav__link,
.md-nav--primary .md-nav__link--active,
.md-nav--primary .md-nav__link:hover {
  color: #d81159 !important;
}

.md-nav--primary .md-nav__link--active {
  font-weight: 700;
}

/* ── Left nav links: dark mode ──────────────────────────────────────────── */
[data-md-color-scheme="slate"] .md-nav--primary .md-nav__link,
[data-md-color-scheme="slate"] .md-nav--primary .md-nav__link--active,
[data-md-color-scheme="slate"] .md-nav--primary .md-nav__link:hover {
  color: #ffffff !important;
}