/* TerrAssist brand colors — derived from the logo gradient (orange #F09A30 → red #E04030)
   and the navy wordmark used in the app. Adjust if official hexes differ. */

:root {
  --md-primary-fg-color: #1b2a4a;        /* navy (wordmark) — header/nav */
  --md-primary-fg-color--light: #2c4270;
  --md-primary-fg-color--dark: #12203a;
  --md-accent-fg-color: #ef5a30;         /* logo red-orange — links/hover */
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #12203a;
  --md-accent-fg-color: #f09a30;         /* logo orange pops on dark */
}

/* Responsive YouTube embeds */
.video-embed {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  margin: 1em 0;
}
.video-embed iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/* Rounder callout boxes — admonitions (notes/tips/warnings), collapsible
   details, and the home-page grid cards. Default Material is ~0.2rem; this
   makes them noticeably softer. Change 0.8rem to taste. */
.md-typeset .admonition,
.md-typeset details,
.md-typeset .grid.cards > ul > li,
.md-typeset .grid.cards > ol > li,
.md-typeset .grid > .card {
  border-radius: 0.8rem;
}
.md-typeset .admonition-title,
.md-typeset summary {
  border-top-left-radius: 0.8rem;
  border-top-right-radius: 0.8rem;
}