/* JetBrains Mono for code blocks */
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap');

/* Force light theme - override dark mode preferences */
:root,
:root[data-theme='dark'],
:root:not([data-theme='light']) {
    --background-color: white;
    --bg-0: #f0f0f0;
    --bg-1: #e7e7e7;
    --bg-2: #fefefe;
    --bg-3: #d8dcdd;
    --hover-color: white;
    --primary-color: #087E96;
    --divider-color: #d7d7d7;
    --text-color: #222226;
    --text-color-high-contrast: #313333;
    --meta-color: #5b5b65;
    color-scheme: light;

    /* Code font */
    --code-font: 'JetBrains Mono', monospace;

    /* Nightfox syntax theme */
    --codeblock-bg: #192330;
    --codeblock-highlight: #283b4d;
    --rosewater: #dfdfe0;
    --flamingo: #d67ad2;
    --pink: #d67ad2;
    --mauve: #9d79d6;
    --red: #c94f6d;
    --maroon: #c94f6d;
    --peach: #f4a261;
    --yellow: #dbc074;
    --green: #81b29a;
    --teal: #63cdcf;
    --sky: #63cdcf;
    --blue: #719cd6;
    --lavender: #9d79d6;
    --text: #cdcecf;
    --overlay0: #526176;
}

/* Remove language bar from code blocks */
pre code::before {
    display: none !important;
}

pre {
    padding-block-start: 1rem !important;
}

/* Profile picture border */
#image-container-home {
    overflow: visible !important;
}

#banner-home-img {
    border-radius: 50%;
    box-shadow: 0 0 0 2px var(--divider-color);
}