/* Brings the devportal in line with bookai.now's "Classical" design system:
   warm parchment ground, gold accent, Cormorant Garamond headings over Lora
   body text. Tokens copied from /Users/echeydecubillo/PycharmProjects/website
   — keep the two in sync if that palette changes. */

/* theme.font (mkdocs.yml) only loads "Lora" for body text -- Cormorant
   Garamond for headings needs its own @import, same as the main site. */
@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;600&display=swap");

:root {
  --color-bg: #f3f2f2;
  --color-surface: #eae9e9;
  --color-text: #201f1d;
  --color-accent: #b68235;
  --color-divider: color-mix(in srgb, #201f1d 16%, transparent);

  /* Material theme variables, remapped to the tokens above */
  --md-default-bg-color: var(--color-bg);
  --md-default-fg-color: var(--color-text);
  --md-default-fg-color--light: color-mix(in srgb, var(--color-text) 70%, transparent);
  --md-default-fg-color--lighter: color-mix(in srgb, var(--color-text) 45%, transparent);
  --md-default-fg-color--lightest: color-mix(in srgb, var(--color-text) 12%, transparent);

  /* Header / tabs bar: flat and light, like the main site's hairline nav,
     not Material's default bold color band. */
  --md-primary-fg-color: var(--color-bg);
  --md-primary-fg-color--light: var(--color-bg);
  --md-primary-fg-color--dark: var(--color-bg);
  --md-primary-bg-color: var(--color-text);
  --md-primary-bg-color--light: color-mix(in srgb, var(--color-text) 70%, transparent);

  --md-accent-fg-color: var(--color-accent);
  --md-accent-fg-color--transparent: color-mix(in srgb, var(--color-accent) 12%, transparent);
  --md-accent-bg-color: var(--color-text);
  --md-accent-bg-color--light: var(--color-text);

  --md-typeset-a-color: var(--color-accent);

  --md-footer-bg-color: var(--color-text);
  --md-footer-bg-color--dark: var(--color-text);
  --md-footer-fg-color: var(--color-bg);
  --md-footer-fg-color--light: color-mix(in srgb, var(--color-bg) 70%, transparent);
  --md-footer-fg-color--lighter: color-mix(in srgb, var(--color-bg) 45%, transparent);
}

.md-header,
.md-tabs {
  box-shadow: none;
  border-bottom: 1px solid var(--color-divider);
}

.md-header {
  color: var(--color-text);
}

.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-typeset h4,
.md-typeset h5,
.md-typeset h6,
.md-nav__title,
.md-tabs__link {
  font-family: "Cormorant Garamond", var(--md-text-font-family), serif;
  font-weight: 600;
  letter-spacing: -0.01em;
}

.md-typeset h1 { font-weight: 400; font-size: 2.6rem; }

/* Cards used for the swagger-rendered operation blocks and admonitions get
   the same flat hairline treatment as the marketing site's .card. */
.md-typeset .admonition,
.md-typeset details {
  border-radius: 4px;
  border: 1px solid var(--color-divider);
  box-shadow: none;
}

.swagger-ui {
  font-family: var(--md-text-font-family), sans-serif;
}