/* Light theme from color-theme.scss. Primary stays the admin base color. */

@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");

:root {
    --theme-text: #050316;
    --theme-background: #fdfffa;
    --theme-secondary: #3dfff2;
    --theme-accent: #124032;

    --secondary-h: 162;
    --secondary-s: 56%;
    --secondary-l: 16%;

    --heading-font: "Inter", sans-serif;
    --body-font: "Inter", sans-serif;
    --section-title-font: "Inter", sans-serif;
}

body,
button,
input,
textarea,
select,
a,
h1,
h2,
h3,
h4,
h5,
h6,
h1 > a,
h2 > a,
h3 > a,
h4 > a,
h5 > a,
h6 > a {
    font-family: "Inter", sans-serif;
}

body {
    background: var(--theme-background);
    color: var(--theme-text);
}

h1,
h2,
h3,
h4,
h5,
h6,
h1 > a,
h2 > a,
h3 > a,
h4 > a,
h5 > a,
h6 > a {
    color: var(--theme-text);
}

.footer-section {
    background: var(--theme-background);
    color: var(--theme-text);
}

.footer-section::before {
    display: none;
}

.footer-section p,
.footer-section li,
.footer-section span,
.footer-section i,
.footer-section a,
.footer-widget__title {
    color: var(--theme-text);
}

.footer-section a:hover {
    color: var(--theme-accent);
}

.footer-section hr {
    border-color: rgba(5, 3, 22, 0.12);
}