/* App-wide dark-mode corrections.
 * The vendor dark theme keeps the light-mode primary (#53536d), which is unreadable on its own
 * dark surfaces, and defines a near-white --bs-tertiary-bg. The template customizer loads its
 * dark stylesheets after this file, so every rule is scoped to html.dark-style to win on
 * specificity, and repeats !important where the vendor uses it.
 * Palette follows the landing page (aviation-landing.css) on the vendor's app surfaces. */
html.dark-style {
  --app-dark-ink: #e4e2f3;
  --app-dark-muted: #b4b2c9;
  --app-dark-accent: #c4bcef;
  --app-dark-accent-border: #8f88c9;
  --app-dark-accent-ink: #20202e;
  --app-dark-paper: #2f3349;
  --app-dark-soft: #383d56;
  --app-dark-border: #464b66;
  --bs-tertiary-bg: var(--app-dark-soft);
  --bs-tertiary-bg-rgb: 56, 61, 86;
  --bs-emphasis-color: var(--app-dark-ink);
  --bs-emphasis-color-rgb: 228, 226, 243;
}

html.dark-style .text-muted { color: var(--app-dark-muted) !important; }
html.dark-style .text-primary { color: var(--app-dark-accent) !important; }

html.dark-style .btn-outline-primary { color: var(--app-dark-accent); border-color: var(--app-dark-accent-border); }
html.dark-style .btn-outline-primary:is(:hover, :focus-visible, :active, .active, .dropdown-toggle.show),
html.dark-style .btn-check:is(:checked, :active) + .btn-outline-primary {
  color: var(--app-dark-accent-ink) !important;
  background-color: var(--app-dark-accent) !important;
  border-color: var(--app-dark-accent) !important;
}
html.dark-style .btn-outline-primary:is(.disabled, :disabled) { color: var(--app-dark-muted) !important; border-color: var(--app-dark-border) !important; }
html.dark-style .btn-label-primary { color: var(--app-dark-accent); }

html.dark-style .nav-tabs .nav-link.active,
html.dark-style .nav-tabs .nav-link.active:is(:hover, :focus) {
  color: var(--app-dark-accent);
  box-shadow: 0 -2px 0 var(--app-dark-accent) inset;
}

/* EASA document HTML (easa-ear.css) keeps Word's navy headings, blue links and black captions. */
html.dark-style .EAR-content h1,
html.dark-style .EAR-content span.Heading1Char,
html.dark-style .EAR-content p.HeaderAppendix,
html.dark-style .EAR-content li.HeaderAppendix,
html.dark-style .EAR-content div.HeaderAppendix,
html.dark-style .EAR-content p.HeaderTextBelow,
html.dark-style .EAR-content li.HeaderTextBelow,
html.dark-style .EAR-content div.HeaderTextBelow,
html.dark-style .EAR-content p.HeaderTOC,
html.dark-style .EAR-content li.HeaderTOC,
html.dark-style .EAR-content div.HeaderTOC,
html.dark-style .EAR-content p.TOC,
html.dark-style .EAR-content li.TOC,
html.dark-style .EAR-content div.TOC,
html.dark-style .EAR-content p.Heading1-notTOC,
html.dark-style .EAR-content li.Heading1-notTOC,
html.dark-style .EAR-content div.Heading1-notTOC,
html.dark-style .EAR-content p.Appendix1,
html.dark-style .EAR-content li.Appendix1,
html.dark-style .EAR-content div.Appendix1,
html.dark-style .EAR-content p.NoTocHeading1,
html.dark-style .EAR-content li.NoTocHeading1,
html.dark-style .EAR-content div.NoTocHeading1,
html.dark-style .EAR-content p.MapTitle,
html.dark-style .EAR-content li.MapTitle,
html.dark-style .EAR-content div.MapTitle { color: #c3cdfa; }
html.dark-style .EAR-content h2,
html.dark-style .EAR-content p.MsoTitle,
html.dark-style .EAR-content li.MsoTitle,
html.dark-style .EAR-content div.MsoTitle,
html.dark-style .EAR-content span.Heading2Char,
html.dark-style .EAR-content span.TitleChar,
html.dark-style .EAR-content p.HeaderTextAbove,
html.dark-style .EAR-content li.HeaderTextAbove,
html.dark-style .EAR-content div.HeaderTextAbove,
html.dark-style .EAR-content p.NoTocHeading2,
html.dark-style .EAR-content li.NoTocHeading2,
html.dark-style .EAR-content div.NoTocHeading2,
html.dark-style .EAR-content p.TitleNoToc,
html.dark-style .EAR-content li.TitleNoToc,
html.dark-style .EAR-content div.TitleNoToc,
html.dark-style .EAR-content p.Heading2PB,
html.dark-style .EAR-content li.Heading2PB,
html.dark-style .EAR-content div.Heading2PB { color: #6ec1f2; }
html.dark-style .EAR-content p.MsoSubtitle,
html.dark-style .EAR-content li.MsoSubtitle,
html.dark-style .EAR-content div.MsoSubtitle,
html.dark-style .EAR-content p.MsoIntenseQuote,
html.dark-style .EAR-content li.MsoIntenseQuote,
html.dark-style .EAR-content div.MsoIntenseQuote,
html.dark-style .EAR-content span.MsoIntenseEmphasis,
html.dark-style .EAR-content p.MsoTocHeading,
html.dark-style .EAR-content li.MsoTocHeading,
html.dark-style .EAR-content div.MsoTocHeading,
html.dark-style .EAR-content span.IntenseQuoteChar,
html.dark-style .EAR-content span.SubtitleChar,
html.dark-style .EAR-content p.NormalBlue,
html.dark-style .EAR-content li.NormalBlue,
html.dark-style .EAR-content div.NormalBlue,
html.dark-style .EAR-content span.optionalTextBlueChar,
html.dark-style .EAR-content p.Heading1CR,
html.dark-style .EAR-content li.Heading1CR,
html.dark-style .EAR-content div.Heading1CR,
html.dark-style .EAR-content p.Heading2CR,
html.dark-style .EAR-content li.Heading2CR,
html.dark-style .EAR-content div.Heading2CR,
html.dark-style .EAR-content p.Heading3CR,
html.dark-style .EAR-content li.Heading3CR,
html.dark-style .EAR-content div.Heading3CR,
html.dark-style .EAR-content p.Heading4CR,
html.dark-style .EAR-content li.Heading4CR,
html.dark-style .EAR-content div.Heading4CR,
html.dark-style .EAR-content p.Heading5CR,
html.dark-style .EAR-content li.Heading5CR,
html.dark-style .EAR-content div.Heading5CR,
html.dark-style .EAR-content p.Heading6CR,
html.dark-style .EAR-content li.Heading6CR,
html.dark-style .EAR-content div.Heading6CR,
html.dark-style .EAR-content p.Heading7CR,
html.dark-style .EAR-content li.Heading7CR,
html.dark-style .EAR-content div.Heading7CR { color: #9dbdf0; }
html.dark-style .EAR-content a:link,
html.dark-style .EAR-content span.MsoHyperlink,
html.dark-style .EAR-content p.Hyperlink0spAfter9pt,
html.dark-style .EAR-content li.Hyperlink0spAfter9pt,
html.dark-style .EAR-content div.Hyperlink0spAfter9pt { color: #8fb8ff; }
html.dark-style .EAR-content a:visited,
html.dark-style .EAR-content span.MsoHyperlinkFollowed { color: #c9a6f5; }
html.dark-style .EAR-content p.MsoCaption,
html.dark-style .EAR-content li.MsoCaption,
html.dark-style .EAR-content div.MsoCaption,
html.dark-style .EAR-content p.CodeBlock,
html.dark-style .EAR-content li.CodeBlock,
html.dark-style .EAR-content div.CodeBlock,
html.dark-style .EAR-content p.NormalNoIndent,
html.dark-style .EAR-content li.NormalNoIndent,
html.dark-style .EAR-content div.NormalNoIndent { color: inherit; }
html.dark-style .EAR-content h6,
html.dark-style .EAR-content span.MsoPlaceholderText,
html.dark-style .EAR-content span.MsoSubtleEmphasis,
html.dark-style .EAR-content span.Heading6Char,
html.dark-style .EAR-content p.Mouse-Click,
html.dark-style .EAR-content li.Mouse-Click,
html.dark-style .EAR-content div.Mouse-Click,
html.dark-style .EAR-content p.NormalGrey,
html.dark-style .EAR-content li.NormalGrey,
html.dark-style .EAR-content div.NormalGrey,
html.dark-style .EAR-content p.NoTocHeading6,
html.dark-style .EAR-content li.NoTocHeading6,
html.dark-style .EAR-content div.NoTocHeading6 { color: #a9a7bd; }
html.dark-style .EAR-content span.MsoSubtleReference,
html.dark-style .EAR-content span.MsoIntenseReference,
html.dark-style .EAR-content span.optionalTextRedChar,
html.dark-style .EAR-content span.msoDel { color: #ff8a85; }
html.dark-style .EAR-content span.instructionalTextGreenChar { color: #5fd38d; }
html.dark-style .EAR-content span.msoIns { color: #5fd3c8; }
html.dark-style .EAR-content span.GeneralAviation,
html.dark-style .EAR-content span.TableCharGA { color: #d9a3e3; }