@font-face {
  font-family: "IBM Plex Sans";
  src: url("../../fonts/IBMPlexSans-Regular.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "IBM Plex Sans";
  src: url("../../fonts/IBMPlexSans-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-display: swap;
}

:root {
  --md-primary-fg-color: #14141a;
  --md-primary-bg-color: #ecebe6;
  --md-accent-fg-color: #e8a44b;
  --md-default-bg-color: #0a0a0d;
  --md-default-fg-color: #ecebe6;
  --md-default-fg-color--light: #99968d;
  --md-typeset-a-color: #e8a44b;
}

body,
input {
  font-family: "IBM Plex Sans", system-ui, sans-serif;
}

.md-header,
.md-tabs {
  background: rgba(10, 10, 13, 0.96);
}

.md-main {
  background:
    radial-gradient(circle at 80% 0%, rgba(232, 164, 75, 0.08), transparent 30rem),
    #0a0a0d;
}

.md-typeset h1,
.md-typeset h2 {
  color: #f5f1e8;
}

.md-typeset a {
  color: #e8a44b;
}

.md-typeset a:hover {
  color: #f6bc70;
}

.md-typeset code {
  border: 1px solid #2e2e36;
}