@font-face {
  font-family: "Satoshi";
  src: url("../assets/fonts/satoshi-bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../assets/fonts/inter-variable.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Epilogue";
  src: url("../assets/fonts/epilogue-variable.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --md-text-font: "Inter";
  --md-code-font: "SFMono-Regular", "JetBrains Mono", "Roboto Mono", monospace;

  --md-primary-fg-color: #0a1a28;
  --md-primary-fg-color--light: #0f3355;
  --md-primary-fg-color--dark: #07131e;
  --md-primary-bg-color: #ffffff;
  --md-primary-bg-color--light: #e4e8ef;

  --md-accent-fg-color: #2b79ae;
  --md-accent-fg-color--transparent: rgba(43, 121, 174, 0.1);

  --md-default-bg-color: #f8fafc;
  --md-default-fg-color: #0a1a28;
  --md-default-fg-color--light: #475569;
  --md-default-fg-color--lighter: #9aa3b3;
  --md-default-fg-color--lightest: #e4e8ef;

  --md-typeset-color: #0a1a28;
  --md-typeset-a-color: #15598f;

  --md-code-bg-color: #f1f5f9;
  --md-code-fg-color: #0f3355;

  --md-footer-bg-color: #0a1a28;
  --md-footer-bg-color--dark: #07131e;
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #07131e;
  --md-primary-fg-color--light: #0f3355;
  --md-primary-fg-color--dark: #050d15;
  --md-primary-bg-color: #f8fafc;

  --md-accent-fg-color: #4e96c7;
  --md-accent-fg-color--transparent: rgba(78, 150, 199, 0.1);

  --md-default-bg-color: #0a1a28;
  --md-default-fg-color: #f8fafc;
  --md-default-fg-color--light: #cbd5e1;
  --md-default-fg-color--lighter: #94a3b8;
  --md-default-fg-color--lightest: #233f52;

  --md-typeset-color: #e6ebf1;
  --md-typeset-a-color: #7bb2d9;

  --md-code-bg-color: #11293c;
  --md-code-fg-color: #d4e7f4;

  --md-footer-bg-color: #07131e;
  --md-footer-bg-color--dark: #050d15;
}

.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-typeset h4,
.md-nav__title,
.md-header__title {
  font-family: "Satoshi", "Inter", sans-serif;
  font-weight: 700;
  letter-spacing: -0.01em;
}
.md-typeset h1 {
  color: var(--md-default-fg-color);
}
.md-tabs__link,
.md-nav__link {
  font-family: "Epilogue", "Inter", sans-serif;
}

.md-header {
  background-color: #0a1a28;
}
.md-tabs {
  background-color: #0a1a28;
}
[data-md-color-scheme="slate"] .md-header,
[data-md-color-scheme="slate"] .md-tabs {
  background-color: #07131e;
}
.md-header__title .md-header__topic:first-child {
  display: none;
}
.md-header__button.md-logo img {
  height: 1.6rem;
  width: auto;
}

.md-typeset a:hover {
  color: var(--md-accent-fg-color);
}

.md-typeset .md-button {
  border-radius: 10px;
  font-weight: 600;
}
.md-typeset .md-button--primary {
  background: linear-gradient(180deg, #195d9b 0%, #15598f 100%);
  border-color: #15598f;
  color: #ffffff;
}
.md-typeset .md-button--primary:hover {
  background: #1d5589;
  border-color: #1d5589;
}

.md-typeset .grid.cards > ul > li,
.md-typeset .grid > .card {
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 20px;
  padding: 1.1rem 1.2rem;
  transition: border-color 0.2s, box-shadow 0.2s, transform 0.2s;
}
.md-typeset .grid.cards > ul > li:hover,
.md-typeset .grid > .card:hover {
  border-color: #15598f;
  box-shadow: 0 8px 24px rgba(10, 26, 40, 0.1);
  transform: translateY(-2px);
}

.md-typeset .admonition.note,
.md-typeset details.note {
  border-color: #15598f;
}
.md-typeset .note > .admonition-title,
.md-typeset .note > summary {
  background-color: rgba(21, 89, 143, 0.1);
}