@use 'variables' as *;

/* Academic Theme - Serif fonts, more formal */
.theme-academic {
    --text-color: #333;
    --bg-color: #fff;
    --table-border-color: #{$table-border-color-light};
    --caption-color: #{$caption-color-light};
    --caption-font-size: 0.9em;
    --img-width: 30%;
    --img-hover-scale: 1.02;
    --img-hover-shadow: 0 0 10px #{$img-shadow-color-light};
    --img-hover-radius: #{$img-hover-radius};
    --code-bg-color: #{$code-bg-light};
    --pre-bg-color: #{$pre-bg-light};
    --blockquote-text-color: #{$blockquote-color-light};
    --blockquote-border-color: #{$blockquote-border-light};
    --code-font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
    --h1-border-color: #{$h1-border-color-light};
    --h2-border-color: #{$h2-border-color-light};
    --h6-color: #{$text-color-standard};
    --list-marker-color: #{$list-color-standard};
    --toc-marker-color: #{$list-color-standard};
    --toc-marker-glow: none;
    --toc-text-color: #{$list-color-standard};
    --link-color: #{$link-color-standard};
    --hr-bg-color: #{$hr-bg-color-light};
    --code-tag-bg: #{$code-tag-bg-light};
    --code-tag-text-color: #{$code-tag-text-color};
    --somarkdown-smiles-theme: light;
    --img-frame-color: #{$img-frame-color};
    --img-frame-border-color: #{$table-border-color-light};
    --img-frame-label-bg: #{$img-frame-label-bg-light};
    
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    color: var(--text-color);
    background-color: var(--bg-color);
    
    h1, h2, h3 {
        border-bottom: 1px solid #eaecef;
        padding-bottom: 0.3em;
    }

    h1 {
        text-align: center;
    }
}