/* ============================================================
   Fonts
   ============================================================ */

@font-face {
  font-family: "Lato";
  src: url("../fonts/Lato/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Lato";
  src: url("../fonts/Lato/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: "Lato";
  src: url("../fonts/Lato/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Lato";
  src: url("../fonts/Lato/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: "Markazi Text";
  src: url("../fonts/MarkaziText/MarkaziText-VariableFont_wght.ttf") format("truetype");
  font-weight: 400 700;
  font-style: normal;
}

@font-face {
  font-family: "Maple Mono";
  src: url("../fonts/MapleMono/MapleMono-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Maple Mono";
  src: url("../fonts/MapleMono/MapleMono-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: "Maple Mono";
  src: url("../fonts/MapleMono/MapleMono-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Maple Mono";
  src: url("../fonts/MapleMono/MapleMono-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
}

/* ============================================================
   Headings — Markazi Text
   ============================================================ */

h1, h2, h3, h4, h5, h6,
.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-typeset h4,
.md-typeset h5,
.md-typeset h6 {
  font-family: "Markazi Text", serif;
  font-weight: 600;
}

.md-typeset h1 { font-size: 2.4em; }
.md-typeset h2 { font-size: 1.9em; }
.md-typeset h3 { font-size: 1.5em; }
.md-typeset h4 { font-size: 1.25em; }

/* ============================================================
   Sidebar active state
   ============================================================ */

.md-nav__link--active,
.md-nav__link--active:hover,
.md-nav__item--active > .md-nav__link {
  color: var(--md-primary-fg-color) !important;
}

/* ============================================================
   Light mode
   ============================================================ */

[data-md-color-scheme="default"] {
  --md-default-bg-color:              #f8f8f6;
  --md-primary-fg-color:              #b25f29;
  --md-primary-fg-color--light:       #c97a45;
  --md-primary-fg-color--dark:        #8a4520;
  --md-accent-fg-color:               #b25f29;
  --md-accent-fg-color--transparent:  #b25f291a;
  --md-accent-fg-color--dark:         #8a4520;
  --md-accent-bg-color:               #fff;
  --md-typeset-a-color:               #b25f29;
}

/* ============================================================
   Dark mode
   ============================================================ */

[data-md-color-scheme="slate"] {
  --md-default-bg-color:              #262624;
  --md-default-bg-color--light:       #1d1b13;
  --md-primary-fg-color:              #d69a76;
  --md-primary-fg-color--light:       #e2b598;
  --md-primary-fg-color--dark:        #b87550;
  --md-accent-fg-color:               #d69a76;
  --md-accent-fg-color--transparent:  #d69a761a;
  --md-accent-fg-color--dark:         #b87550;
  --md-accent-bg-color:               #262624;
  --md-typeset-a-color:               #d69a76;
}