body {
    --font-interface-theme: JetBrainsMono, monospace;
    --font-text-theme: JetBrainsMono, monospace;
    --font-mono-theme: JetBrainsMono, monospace;

    --inline-title-size: 2rem;

    --h1-size: 1.7rem;
    --h2-size: 1.5rem;
    --h3-size: 1.2rem;
    --h4-size: 1.1rem;
    --h5-size: 1rem;
    --h6-size: 0.9rem;

    --tab-radius: 10px;
    --tab-radius-active: 10px;
    --tab-curve: 10px;

    --checkbox-radius: 4px;
    --checkbox-size: 17px;

    --button-radius: 10px;

    --blockquote-border-thickness: 3px;

    --bold-modifier: 1000;

    --hr-thickness: 2px;

    --link-decoration: underline;

}

.inline-title {
    text-align: center; 
}
.theme-dark .cm-inline-code {
    color: #121212 !important;
    background-color: #ffffff !important;
}

.theme-light .cm-inline-code {
    color: #ffffff !important;
    background-color: #121212 !important;
}

.theme-dark {
    --background-primary: #121212;
    --background-secondary: #1a1a1a;
    --background-tertiary: #232323;

    --inline-title-color: #7fd4ff;

    --text-normal: #e8e4da;
    --text-muted: #bfb8ae;
    --text-accent: #7fd4ff;
    --text-accent-hover: #3399ff;
    --text-on-accent: #ffffff;

    --text-selection: #4a5a6a;
    --highlight-matched-text: #d4a8ff;
    --highlight-bg: #2e2e3e;

    --h1-color: #7fd4ff;
    --h2-color: #7fd4a8;
    --h3-color: #a8b4ff;
    
    --bold-color: #7fd4ff;

    --code-background: #2e2e3e;
    --code-normal: #f0e8d8;
    --code-comment: #a8a8b8;
    --code-keyword: #d4a8ff;
    --code-function: #7fd4d4;
    --code-string: #7fd4a8;
    --code-number: #c8e8a8;
    --code-important: #7fd4ff;
    --code-operator: #d4a8ff;
    --code-property: #7fd4a8;
    --code-punctuation: #a8b4ff;
    --code-tag: #7fd4ff;
    --code-value: #c8e8a8;

    --link-color: #7fd4ff;
    --link-color-hover: #3399ff;

    --interactive-normal: #3a3e4e;
    --interactive-hover: #4a4f5f;
    --interactive-accent: #0077cc;
    --interactive-accent-hover: #3399ff;

    --checkbox-marker-color: #121212;
    --checkbox-color: #7fd4ff;
    --checkbox-color-hover: #1f93ff;
    --checkbox-border-color: #0077cc;
    --checkbox-border-color-hover: #3399ff;

    --blockquote-border-color: #7fd4ff;

    --hr-color: #4c505e;


    --tag-color: #121212;
    --tag-color-hover: #121212;
    --tag-background: #7fd4ff;
    --tag-background-hover: #1f93ff;
    --tag-border-color: #0b0b0c;
    --tag-border-color-hover: #3399ff;
}

.theme-light {
    --background-primary: #faf9f5;
    --background-secondary: #ebe8e2;
    --background-tertiary: #e5decf;

    --inline-title-color: #0077cc;

    --text-normal: #2e2e2e;
    --text-muted: #6c6c6c;
    --text-accent: #0077cc;
    --text-accent-hover: #3399ff;
    --text-on-accent: #ffffff;

    --text-selection: #e6d9c2;

    --h1-color: #0077cc;
    --h2-color: #59b384;
    --h3-color: #8191ff;

    --bold-color: #0077cc;

    --code-background: #2e2e3e;
    --code-normal: #f0e8d8;
    --code-comment: #a8a8b8;
    --code-keyword: #d4a8ff;
    --code-function: #7fd4d4;
    --code-string: #7fd4a8;
    --code-number: #c8e8a8;
    --code-important: #0077cc;
    --code-operator: #d4a8ff;
    --code-property: #7fd4a8;
    --code-punctuation: #a8b4ff;
    --code-tag: #7fd4ff;
    --code-value: #c8e8a8;

    --link-color: #0077cc;
    --link-color-hover: #3399ff;

    --interactive-normal: #e5dac4;
    --interactive-hover: #ddd2bc;
    --interactive-accent: #0077cc;
    --interactive-accent-hover: #3399ff;

    --checkbox-marker-color: #ffffff;
    --checkbox-color: #0077cc;
    --checkbox-color-hover: #00b7ff;
    --checkbox-border-color: #0077cc;
    --checkbox-border-color-hover: #3399ff;

    --blockquote-border-color: #0077cc;

    --hr-color: #4c505e;

    --tag-color: #ffffff;
    --tag-color-hover: #ffffff;
    --tag-background: #0077cc;
    --tag-background-hover: #00b7ff;
    --tag-border-color: #0077cc;
    --tag-border-color-hover: #3399ff;
}