:root {
    --md-text-font: "Pretendard Variable";
    --md-code-font: "JetBrains Mono";
}

body {
    --md-text-font-family: var(--rcp-sans);
    --md-code-font-family: var(--rcp-mono);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* The theme keeps two heights for this and picks between them with the same test,
   so the pair is stated here rather than in whatever reads it. */
@media screen and (min-width: 76.25em) {
  .md-header--lifted ~ .md-container {
    --md-scroll-margin: var(--ui-scroll-clear-lifted);
  }
}

[data-md-color-scheme] {
  --md-scroll-margin: var(--ui-scroll-clear);
  --md-default-fg-color--lighter: color-mix(in srgb, var(--rcp-text) 32%, transparent);
  --md-default-fg-color--lightest: color-mix(in srgb, var(--rcp-text) 12%, transparent);
  --md-primary-bg-color: var(--rcp-text);
  --md-primary-bg-color--light: var(--rcp-muted);
}
[data-md-color-scheme="default"] {
  --md-default-fg-color: var(--rcp-text);
  --md-default-fg-color--light: var(--rcp-muted);
  --md-code-fg-color: var(--rcp-text);
  --md-footer-bg-color: var(--rcp-surface);
  --md-footer-bg-color--dark: var(--md-default-bg-color);
  --md-footer-fg-color: var(--rcp-text);
  --md-footer-fg-color--light: var(--rcp-muted);
  --md-footer-fg-color--lighter: var(--rcp-faint);
}

.md-footer-links a, .md-copyright { font-size: var(--fs-12); }
[data-md-color-scheme="slate"] {
  --md-default-fg-color: var(--rcp-text);
  --md-default-fg-color--light: var(--rcp-muted);
  --md-code-fg-color: var(--rcp-text);
  --md-footer-bg-color: var(--rcp-surface);
  --md-footer-fg-color--light: var(--rcp-muted);
  --md-footer-fg-color--lighter: var(--rcp-faint);
}

/* the attribute triple outranks Material's own [scheme][primary] pair */
[data-md-color-scheme][data-md-color-primary][data-md-color-accent] {
  --md-typeset-ins-color: var(--rcp-diff-add);
  --md-typeset-del-color: var(--rcp-diff-del);
  --md-typeset-a-color: var(--rcp-accent);
  --md-accent-fg-color: var(--rcp-accent);
  --md-accent-fg-color--transparent: color-mix(in srgb, var(--rcp-accent) 12%, transparent);
}
[data-md-color-scheme="default"][data-md-color-primary][data-md-color-accent] {
  --md-code-bg-color: var(--rcp-surface);
}

[data-md-color-scheme][data-md-color-primary][data-md-color-accent] {
  --md-code-hl-operator-color: var(--rcp-hl-dim);
  --md-code-hl-generic-color: var(--rcp-hl-dim);
  --md-code-hl-punctuation-color: var(--rcp-hl-dim);
  --md-code-hl-comment-color: var(--rcp-hl-dim);
  --md-code-hl-keyword-color: var(--rcp-hl-keyword);
  --md-code-hl-function-color: var(--rcp-hl-function);
  --md-code-hl-constant-color: var(--rcp-hl-constant);
  --md-code-hl-string-color: var(--rcp-hl-string);
  --md-code-hl-variable-color: var(--rcp-hl-variable);
  /* a number is a constant written out, and a decorator is the entity it names */
  --md-code-hl-number-color: var(--rcp-hl-constant);
  --md-code-hl-special-color: var(--rcp-hl-function);
  --md-code-hl-color: var(--rcp-accent);
  --md-code-hl-color--light: color-mix(in srgb, var(--rcp-accent) 12%, transparent);
}