/* istari.ai Brand Colors */
:root {
  /* Primary color - istari cyan */
  --md-primary-fg-color: #00D2D4;
  --md-primary-fg-color--light: #33dfe0;
  --md-primary-fg-color--dark: #00a8aa;

  /* Accent color - istari orange */
  --md-accent-fg-color: #FF972A;
  --md-accent-fg-color--transparent: rgba(255, 151, 42, 0.1);

  /* Dark background - istari dark */
  --md-default-bg-color: #ffffff;
  --md-default-fg-color: #24262E;
}

/* Dark mode colors */
[data-md-color-scheme="slate"] {
  --md-default-bg-color: #24262E;
  --md-default-fg-color: #ffffff;

  /* Keep istari cyan and orange in dark mode */
  --md-primary-fg-color: #00D2D4;
  --md-accent-fg-color: #FF972A;
}

/* Ensure Barlow font loads from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;700&display=swap');

/* Apply Barlow Bold to headings */
h1, h2, h3, h4, h5, h6,
.md-header__title,
.md-nav__title {
  font-family: 'Barlow', sans-serif;
  font-weight: 700;
}

/* Apply Barlow Regular to body text */
body, p, li, td, th,
.md-typeset {
  font-family: 'Barlow', sans-serif;
  font-weight: 400;
}

/* Link colors using istari orange */
.md-typeset a {
  color: var(--md-accent-fg-color);
}

.md-typeset a:hover {
  color: #ff7a00;
}

/* Code blocks */
.md-typeset code {
  font-family: 'Roboto Mono', monospace;
}