/* FONT */
@font-face {
  font-family: "Clash Grotesk";
  src: url("/assets/fonts/ClashGrotesk-Variable.woff2");
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Rajdhani";
  src: url("/assets/fonts/Rajdhani-Variable.woff2");
  font-style: normal;
  font-display: swap;
}

/* Globals */
:root {
  --md-text-font: "Clash Grotesk";
  --heading-font: "Rajdhani";
  --heading-color: #212121;
}
/* removing the 700 font-weight */
b,
strong,
.md-nav__title,
.md-typeset .admonition-title,
.md-typeset summary,
.md-typeset .tabbed-labels > label {
  font-weight: 500;
}

.md-header__topic .md-ellipsis {
  font-weight: 400;
}

/* HEADER */
[data-md-color-scheme="slate"] .md-header,
[data-md-color-scheme="slate"] .md-tabs {
  --md-primary-fg-color: var(--md-default-bg-color);
}

[data-md-color-scheme="slate"] .md-header--shadow,
[data-md-color-scheme="slate"] .md-tabs {
  border-block-end: 1px solid
    color-mix(in oklch, var(--md-typeset-a-color) 40%, transparent);
}

/* FOOTER */
.md-footer-meta {
  background-color: unset;
}
/* Headings Styles*/
.md-typeset {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: var(--heading-font);
    font-weight: 700;
    color: var(--heading-color);
  }
}
[data-md-color-scheme="slate"] {
  --heading-color: #f5f5f5;
}

/* On This Page color */
label.md-nav__title {
  --md-default-fg-color--light: var(--md-default-fg-color);
}

/* On this page active link */
.md-nav--secondary .md-nav__item .md-nav__link--active,
.md-nav--secondary .md-nav__item .md-nav__link--active code {
  position: relative;
  padding-inline-start: 0.5rem;
  background-color: var(--md-accent-fg-color--transparent);
  &::before {
    content: "";
    width: 2px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: var(--md-typeset-a-color);
  }
}

/* SPECIFIC */
/* Admonitions Font Size */
.md-typeset .admonition,
.md-typeset details {
  font-size: 0.75rem;
  /* Old Style */
  border-width: 0;
  border-left-width: 4px;
}