@font-face {
  font-family: 'Source Code Pro Custom', monospace;
  src: url(https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap);
}

root > * {
    /* Notion-like color palette */
    --md-default-fg-color: #37352f;
    --md-default-fg-color--light: #73706c;
    --md-default-fg-color--lighter: #9b9a97;
    --md-default-bg-color: #ffffff;
    --md-default-bg-color--light: #f7f6f3;
    --md-default-bg-color--lighter: #edece9;

    /* Typography */
    --md-text-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
    --md-code-font: "Source Code Pro", Consolas, "Liberation Mono", Menlo, monospace;

    /* Notion-like link colors */
    --md-typeset-a-color: #37352f;
    --md-accent-fg-color: #eb5757;

    /* Background colors */
    --md-code-bg-color: #f7f6f3;
    --md-code-fg-color: #eb5757;
}

/* Code block styling */
.highlight pre,
.md-typeset pre code,
.md-typeset .highlight pre,
.md-typeset .highlighttable pre {
    background-color: #2E3440 !important; /* Nord's darkest blue (nord0) */
    border-radius: 4px !important; /* Subtle rounded corners like Notion */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08) !important; /* Subtle shadow */
    border: none !important; /* No border for cleaner look */
}

/* Style the copy button with Nord snow grey */
.md-clipboard {
    color: #D8DEE9 !important; /* Nord snow storm */
    top: 0.75em !important; /* Lower the button more */
    right: 0.5em !important; /* Add some spacing from right edge */
}

/* Fix contrast for shell and ascii code blocks */
.highlight .language-shell,
.highlight .language-bash,
.highlight .language-console,
.highlight .language-ascii,
.highlight .language-text,
.language-shell code,
.language-bash code,
.language-console code,
.language-ascii code,
.language-text code,
.highlight .language-shell code,
.highlight .language-bash code,
.highlight .language-console code,
.highlight .language-ascii code,
.highlight .language-text code {
    color: #ECEFF4 !important; /* Nord snow storm - brightest white */
}
