/* Python GUIs theme */

:root {
    font-size: 18px;
    line-height: 1.25;

    --bg-color: #EDF1FB;
    --text-color: #2e2a25;
    --primary-color: #3A7BDE;
    --accent-color: #D95B43;
    --highlight-color: #F2C849; /* #FFBE0B; */

    --light-color: #F8F5F0;
    --dark-color: #0C0C0C;

    --primary-color: #3A7BDE;
    --accent-color: #D95B43;
    --highlight-color: #F2C849; /* #FFBE0B; */

    --light-color: #f8f5f0;
    --dark-color: #2e2a25;

    --dark-bg-color: #1A1A1A;

    /* color; value=80 */
    --dark-tint: #4A4A4A;
    --primary-tint:  #EDF1FB;
    --primary-tint-dark: #9FC8F0;
    --accent-tint: #FBE7E3;
    --highlight-tint: #FEF7D9;

    --dark-shade: #1A1A1A;
    --primary-shade: #204B96;
    --accent-shade: #B5422E;
    --highlight-shade: #B89A2D;

    --primary-dark: #161F30;
    --accent-dark: #2C1915;
    --highlight-dark: #2D2400;

    --blues-1: #1B1E2B;
    --blues-2: #121627;
    --blues-3: #0F111C;

    --success-color: #5CA653;
    --success-tint: #ECF8F0;
    --success-shade: #1E6D33;


    --admin-color: #F04E2E;
    --admin-tint: #FBE7E3;
    --admin-text: #F8F5F0;

    /* a5bade */

    --heading-font: "Figtree", 'Verdana', 'Geneva', 'Tahoma', sans-serif;
    --body-font: "Figtree", 'Verdana', 'Geneva', 'Tahoma', sans-serif;
    --ui-font: "Figtree", 'Verdana', 'Geneva', 'Tahoma', sans-serif;
    --code-font: 'Source Code Pro', monospace;

    --radius: 5px;
}


body {
    background-color: var(--bg-color);
    color: var(--text-color);
    font-family: var(--body-font);
}

.logo-image {
    background-image: url('../images/pythonguis.svg');
    width: 300px;
    height: 50px;
}

body.dark .logo-image, body.course .logo-image {
    background-image: url('../images/pythonguis-dark.svg');
}



body.dark {
    background: var(--dark-color);
    color: var(--light-color);
}

body.dark .bump {
    background: var(--primary-dark);
    color: var(--dark-light);
}

body.dark .landing-faq h4 {
    color: var(--highlight-color);
}

body.dark .author-byline {
    border-color: transparent;
}

body.dark .author-byline-title {
    color: var(--accent-tint);
}

body.dark .landing-offer h2 {
    color: var(--accent-color);
}

body.dark .offer-title {
    color: var(--light-color);
}



footer {
    margin: 0 auto;
    line-height: 1.5em;
    background-color: var(--dark-bg-color);
    color: var(--bg-color);
    padding: 3rem 1rem 1rem 1rem;
    border: solid var(--primary-color);
    border-width: 0 0 0 20px;
}


footer li a {
    text-decoration: none;
    font-size: 1rem;
}
footer a {
    color: var(--primary-tint-dark);
    background: none;
    text-decoration: none;
}

.footer-final {
    margin: 1rem 0;
    color: var(--bg-color);
}