/* Fairmark brand palette — see docs/project/brand.md */
:root {
  --fm-navy: #0B1F3A;
  --fm-deep: #12325C;
  --fm-gold: #C8A24A;
  --fm-green: #0F7B5F;
  --fm-red: #B42318;
  --fm-slate: #475569;
  --fm-paper: #F7F8FA;
}
[data-md-color-scheme="default"] {
  --md-primary-fg-color: var(--fm-navy);
  --md-primary-fg-color--light: var(--fm-deep);
  --md-primary-fg-color--dark: #07152A;
  /* Hallmark Gold is an accent for navy surfaces only (brand.md): on white it reaches 2.4:1
     and fails WCAG 2.1 AA (4.5:1). The light theme has no navy surfaces, so its accent
     (hover, focus, active navigation item, buttons) is Deep Navy, 12.8:1 on white. */
  --md-accent-fg-color: var(--fm-deep);
  --md-accent-fg-color--transparent: rgb(18 50 92 / 8%);
  --md-typeset-a-color: var(--fm-deep);
}
[data-md-color-scheme="slate"] {
  --md-primary-fg-color: var(--fm-navy);
  --md-primary-fg-color--light: var(--fm-deep);
  --md-primary-fg-color--dark: #07152A;
  --md-accent-fg-color: var(--fm-gold);
  --md-typeset-a-color: #9DB7DD;
  --md-default-bg-color: #0A1628;
}
/* Light theme: links share the accent colour, so hover and focus also underline them; the
   active navigation item keeps a gold marker. The dark theme keeps gold text on navy (6.8:1). */
[data-md-color-scheme="default"] .md-typeset a:hover,
[data-md-color-scheme="default"] .md-typeset a:focus {
  text-decoration: underline;
}
[data-md-color-scheme="default"] .md-nav--primary .md-nav__item .md-nav__link--active {
  box-shadow: inset 0.15rem 0 0 var(--fm-gold);
}

/* Landing page */
.fm-hero { text-align: center; padding: 1.5rem 0 0.5rem; }
.fm-hero h1 { font-size: 2.6rem; margin-bottom: 0.2rem; font-weight: 700; }
.fm-hero .fm-tagline { font-size: 1.25rem; opacity: 0.85; margin-top: 0; }
.fm-hero .md-button { margin: 0.3rem; }

/* Feature cards on the landing page: two columns */
@media screen and (min-width: 60em) {
  .fm-features.grid.cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* House style: no decorative icons in content */
.md-typeset .admonition-title::before,
.md-typeset summary::before { display: none; }
.md-typeset .admonition-title,
.md-typeset summary { padding-left: 0.8rem; }