:root {
    --sah-purple: #651fff;
    --sah-purple-dark: #4a00b8;
    --sah-navy: #21002f;
    --sah-text: #171526;
    --sah-muted: #667085;
    --sah-border: #e6ddec;
    --sah-surface: #ffffff;
    --sah-page: #fbf9fd;
    --sah-header-height: 64px;
    --sah-course-nav-height: 44px;
    --sah-sidebar-width: 240px;
    --sah-right-rail-width: 220px;
    --sah-layout-gap: 28px;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    min-width: 320px;
    background: var(--sah-page);
    color: var(--sah-text);
    font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 16px;
    line-height: 1.55;
}

button,
input,
select,
textarea {
    font: inherit;
}

a {
    color: inherit;
}

body.sah-scroll-lock {
    overflow: hidden;
}