/* Brand alignment with the Dynamic Collection application
   (see frontend/src/styles/main.css: --dc-primary, --dc-secondary). */

@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;700&display=swap');

:root {
  /* --dc-primary rgb(34, 69, 138) */
  --md-primary-fg-color: #22458a;
  --md-primary-fg-color--light: #4a6cb0;
  /* --dc-primary-dark rgb(0, 15, 46) */
  --md-primary-fg-color--dark: #000f2e;
  /* --dc-secondary-dark rgb(241, 146, 4) — links/hover accents */
  --md-accent-fg-color: #f19204;
}

[data-md-color-scheme='slate'] {
  --md-primary-fg-color: #22458a;
  --md-accent-fg-color: #f9b958;
}

/* Display font for headings and site title, consistent with the app logo. */
.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-typeset h4,
.md-header__topic {
  font-family: 'Rajdhani', 'Titillium Web', ui-sans-serif, system-ui, sans-serif;
  font-weight: 700;
}