/* SFU brand colours — https://www.sfu.ca/communicators-toolkit/brand/guidelines/colours.html */

[data-md-color-scheme="light"] {
  /* Primary = SFU Light Red — header, nav highlights, links */
  --md-primary-fg-color: #CC0633;
  --md-primary-fg-color--light: #CC0633;
  --md-primary-fg-color--dark: #A6192E;
  --md-primary-bg-color: #FFFFFF;
  --md-typeset-a-color: #CC0633;

  /* Accent = SFU Dark Red — hover states, buttons, active nav items */
  --md-accent-fg-color: #A6192E;
  --md-accent-fg-color--transparent: #A6192E1A;
  --md-accent-bg-color: #FFFFFF;

  /* Body text stays true black per brand guidelines */
  --md-typeset-color: #000000;
}

/* Dark mode: keep the reds, swap surfaces to SFU dark grey */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #CC0633;
  --md-primary-fg-color--light: #D93D5F;
  --md-primary-fg-color--dark: #A6192E;

  --md-accent-fg-color: #D9455F;
  --md-accent-fg-color--transparent: #D9455F1A;

  --md-default-bg-color: #1A1B1C;
  --md-default-fg-color: #E6E6E6;

  --md-code-fg-color: #FFFFFF;

  /* SFU dark grey used for surfaces like code blocks / admonitions */
  --md-code-bg-color: #54585A;
  --md-default-fg-color--lightest: #54585A;
}

/* Subheads in SFU dark grey, per brand guidelines */
.md-typeset h1,
.md-typeset h2,
.md-typeset h3 {
  color: #54585A;
}
[data-md-color-scheme="slate"] .md-typeset h1,
[data-md-color-scheme="slate"] .md-typeset h2,
[data-md-color-scheme="slate"] .md-typeset h3 {
  color: #C7C9CA; /* lightened grey for legibility on dark background */
}

a:hover, a:focus, a:hover *, a:focus *{
    /* background-color: #A6192E;    
    color: #FFFFFF !important; */
    text-decoration: underline;
}

.md-main__inner {
    gap: 1.5rem;
}

* {
    scroll-behavior: smooth;
}