/* Main design settings, following the supplied student.zip application. */
:root {
    --school-primary: #0c83c6;
    --school-primary-hover: #086da6;
    --school-navy: #252b36;
    --school-gold: #0c83c6;
    --school-gold-soft: #eaf5fc;
    --school-ink: #273444;
    --school-text: #273444;
    --school-muted: #607080;
    --school-line: #d9e0e7;
    --school-border: #d9e0e7;
    --school-bg: #f1f3f5;
    --school-surface: #fff;
    --school-green: #219669;
    --school-rose: #c95362;
    --school-radius: 5px;
    --school-sidebar-width: 230px;
    --school-shadow: none;
    --body-font-family: 'Inter', sans-serif;
    --body-font-size: 15px;
    --primary: #0c83c6;
    --primary-rgb: 12, 131, 198;
    --link-color: #0876b4;
    --body-bg: #f1f3f5;
    --body-color: #273444;
}
html {
    display: block;
    height: auto;
    min-height: 100%;
    overflow: visible;
}
body.school-app,
body.login-body {
    display: block;
    height: auto;
    min-height: 100vh;
    margin: 0;
    overflow: visible;
    background: var(--school-bg);
    font:
        15px/1.55 'Inter',
        sans-serif;
    color: var(--school-text);
}
[hidden] {
    display: none !important;
}
.school-app *,
.login-body * {
    box-sizing: border-box;
}
.school-app a {
    text-decoration: none;
}
.school-app button,
.school-app input,
.school-app select {
    font-family: inherit;
}
:where(.school-app) h1,
:where(.school-app) h2,
:where(.school-app) h3,
:where(.school-app) p {
    margin: 0;
}
:where(.school-app) h2 {
    font-size: 17px;
    font-weight: 600;
}
:where(.school-app) h3 {
    font-size: 16px;
    font-weight: 600;
}
.school-app a:focus-visible,
.school-app button:focus-visible,
.login-body button:focus-visible {
    outline: 3px solid #288ed0;
    outline-offset: 3px;
}
.muted {
    font-size: 14px;
    color: var(--school-muted);
}
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}