/* WingFlight brand colors, from https://github.com/WingFlight/wingflight-resources/blob/master/color-palette.html */

[data-md-color-primary="custom"] {
  --md-primary-fg-color: #d40000; /* Primary Red -- toolbar background */
  --md-primary-fg-color--light: #ff4d4d; /* Light Red */
  --md-primary-fg-color--dark: #a40000; /* Dark Red */
  --md-primary-bg-color: #ffffff;
  --md-primary-bg-color--light: rgba(255, 255, 255, 0.7);
}

[data-md-color-accent="custom"] {
  --md-accent-fg-color: #d40000; /* Primary Red */
  --md-accent-fg-color--transparent: rgba(212, 0, 0, 0.1);
  --md-accent-bg-color: #ffffff;
  --md-accent-bg-color--light: rgba(255, 255, 255, 0.7);
}

/* Links and other primary-color accents use the brand red rather than the
   Dark Gray header color, so they stay identifiable as interactive. */
.md-typeset a {
  color: #d40000;
}

.md-typeset a:hover {
  color: #a40000; /* Dark Red -- brand hover state */
}

/* Typography and layout, matching color-palette.html's style -----------
   Same native system-font stack (no external webfont), heavy black-weight
   headings with tight tracking, and a red underline accent below section
   titles, echoing that page's h1/.section-title treatment. */

body,
.md-typeset {
  font-family:
    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu,
    Cantarell, sans-serif;
}

.md-typeset h1,
.md-typeset h2 {
  font-weight: 900;
}

.md-typeset h1 {
  letter-spacing: -1px;
}

.md-typeset h2 {
  padding-bottom: 0.4rem;
  border-bottom: 3px solid #d40000;
}

[data-md-color-scheme="default"] .md-typeset h1,
[data-md-color-scheme="default"] .md-typeset h2 {
  color: #4e4e4e;
}

[data-md-color-scheme="default"] .md-main {
  background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
}

[data-md-color-scheme="slate"] .md-typeset h1,
[data-md-color-scheme="slate"] .md-typeset h2 {
  color: #ffffff;
}

/* Soft rounded cards for callouts, matching the brand page's card style
   (rounded corners + soft shadow) rather than Material's default flat,
   square-cornered admonitions. */
.md-typeset .admonition,
.md-typeset details {
  border: none;
  border-left: 4px solid #d40000;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

.md-typeset pre > code {
  border-radius: 8px;
}