/* Brand palette + type overrides, sourced from /brand_and_maketing/brand-guide.
   Logo is a documented placeholder in that guide (no files yet) — intentionally
   not faked here; the site falls back to the text site title. */

@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;600;700&display=swap');

:root {
  /* Neutral ramp (100->900) */
  --brand-neutral-100: #f5f5f8;
  --brand-neutral-200: #e7e7ea;
  --brand-neutral-300: #d4d4d7;
  --brand-neutral-400: #b7b7ba;
  --brand-neutral-500: #98989b;
  --brand-neutral-600: #7a7a7d;
  --brand-neutral-700: #5d5d60;
  --brand-neutral-800: #424244;
  --brand-neutral-900: #2b2b2d;

  /* Accent ramp (100->900) */
  --brand-accent-100: #eef6ff;
  --brand-accent-200: #d6ebff;
  --brand-accent-300: #b5d9fd;
  --brand-accent-400: #94bce3;
  --brand-accent-500: #749dc4;
  --brand-accent-600: #597ea3;
  --brand-accent-700: #416180;
  --brand-accent-800: #2c455d;
  --brand-accent-900: #1d2d3d;

  /* Divider: Text at 16% opacity, per brand-guide */
  --brand-divider: color-mix(in srgb, #1d1f20 16%, transparent);
}

/* No separate "primary" token in this palette — the header/nav bar uses the
   darkest, steel-navy end of the accent ramp for contrast against the named
   Accent (#5980a6), used for links and interactive accents. See brand-guide's
   Color Palette section. */
[data-md-color-scheme="default"] {
  --md-primary-fg-color: var(--brand-accent-900);
  --md-primary-fg-color--light: var(--brand-accent-900);
  --md-primary-fg-color--dark: var(--brand-accent-900);
  --md-accent-fg-color: #5980a6;
  --md-accent-fg-color--transparent: #5980a61a;
  --md-default-fg-color: #1d1f20;
  --md-default-bg-color: #f2f2f3;
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color: var(--brand-accent-900);
  --md-accent-fg-color: #5980a6;
  --md-accent-fg-color--transparent: #5980a61a;
}

/* Brand: headings in condensed sans, body stays sans (Barlow, set via theme.font) */
.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-typeset h4,
.md-typeset h5,
.md-typeset h6 {
  font-family: "Barlow Condensed", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 600;
}

/* Brand: thin dividers at 16% opacity */
.md-typeset hr,
.md-typeset table:not([class]) td,
.md-typeset table:not([class]) th {
  border-color: var(--brand-divider);
}

/* Brand: "blueprint" aesthetic — sharp corners everywhere, no rounding */
.md-search__form,
.md-typeset .admonition,
.md-typeset details,
.md-typeset code,
.md-typeset pre,
.md-typeset pre > code,
.md-button,
.md-tabs__link,
.md-typeset .tabbed-set > .tabbed-content {
  border-radius: 0 !important;
}