@font-face {
    font-family: "Inter";
    src: url("../assets/fonts/Inter-Regular.woff2") format("woff2");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: "Inter";
    src: url("../assets/fonts/Inter-Medium.woff2") format("woff2");
    font-style: normal;
    font-weight: 500;
    font-display: swap;
}
@font-face {
    font-family: "Inter";
    src: url("../assets/fonts/Inter-SemiBold.woff2") format("woff2");
    font-style: normal;
    font-weight: 600;
    font-display: swap;
}
@font-face {
    font-family: "Inter";
    src: url("../assets/fonts/Inter-Bold.woff2") format("woff2");
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}

:root {
    color-scheme: dark;
    --font-ui: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    --type-page-size: 2rem;
    --type-page-line: 2.5rem;
    --type-section-size: 1.375rem;
    --type-section-line: 1.875rem;
    --type-card-size: 1.125rem;
    --type-card-line: 1.625rem;
    --type-body-size: 1rem;
    --type-body-line: 1.5rem;
    --type-control-size: .875rem;
    --type-control-line: 1.25rem;
    --type-field-size: 1rem;
    --type-field-line: 1.5rem;
    --type-label-size: .875rem;
    --type-label-line: 1.25rem;
    --type-meta-size: .8125rem;
    --type-meta-line: 1.25rem;
    --type-badge-size: .75rem;
    --type-badge-line: 1rem;
    --type-reading-size: 1.125rem;
    --type-reading-line: 1.875rem;
    --radius-control: 8px;
    --radius-surface: 10px;
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;
    --space-7: 40px;
    --space-8: 48px;
    --motion-fast: 140ms;
    --motion-base: 220ms;
    --motion-slow: 340ms;
    --motion-ease: cubic-bezier(.2, .8, .2, 1);
    --ui-bg: #171B20;
    --ui-surface: #232A31;
    --ui-surface-alt: #29323A;
    --ui-sidebar: #1D2228;
    --ui-input-bg: #1D242B;
    --ui-text: #EEF1F3;
    --ui-text-muted: #A9B3BD;
    --ui-border: #3B4650;
    --ui-control-border: #74858F;
    --ui-accent: #76C9BD;
    --ui-accent-hover: #91D8CD;
    --ui-accent-soft: #263F3D;
    --ui-scrollbar-thumb: #3E7772;
    --ui-scrollbar-thumb-hover: #559A92;
    --ui-on-accent: #132521;
    --ui-success-text: #8DCEA3;
    --ui-success-bg: #263A30;
    --ui-success-border: #527B5D;
    --ui-warning-text: #E8C278;
    --ui-warning-bg: #3B3326;
    --ui-warning-border: #806B3D;
    --ui-danger-text: #EEA0A9;
    --ui-danger-bg: #402C33;
    --ui-danger-border: #8B5863;
    --ui-on-danger: #FFFFFF;
    --ui-danger-solid: #C43C4C;
    --ui-info-text: #A6C8ED;
    --ui-info-bg: #293746;
    --ui-info-border: #52718A;
    --ui-event-lesson-text: #83D5C8;
    --ui-event-lesson-bg: #203D38;
    --ui-event-individual-text: #6BC9F0;
    --ui-event-individual-bg: #183B4A;
    --ui-event-group-text: #C6A2FF;
    --ui-event-group-bg: #392A55;
    --ui-event-consultation-text: #CBB5F4;
    --ui-event-consultation-bg: #392F4E;
    --ui-event-homework-text: #E8C278;
    --ui-event-homework-bg: #3B3326;
    --ui-event-exam-text: #A6C8ED;
    --ui-event-exam-bg: #293746;
    --ui-event-exam-border: #52718A;
    --ui-brand-telegram: #40BFFF;
    --ui-brand-telegram-bg: #1A3A4C;
    --ui-brand-telegram-border: #3E8EB1;
    --ui-brand-yandex: #FC3F1D;
    --ui-brand-yandex-bg: #432B28;
    --ui-brand-yandex-border: #A75548;
    --ui-brand-vk: #2787F5;
    --ui-brand-vk-bg: #273A51;
    --ui-brand-vk-border: #5689C7;
    --ui-shadow-float: 0 12px 32px rgb(0 0 0 / 28%);
    --ui-modal-backdrop: rgb(0 0 0 / 56%);
    --ui-media-bg: #000000;
    --ui-document-bg: #FFFFFF;
    --ui-canvas-bg: #F7F9FB;
    --ui-canvas-control-border: rgb(255 255 255 / 35%);
    --ui-board-ink: #176E63;
    --ui-board-text: #202B33;
    --ui-board-selection: #285D91;
    --ui-board-selection-contrast: #FFFFFF;
    --ui-board-grid: #D7E0E3;
    --ui-board-object-border: rgb(20 35 45 / 18%);
    --ui-board-card-bg: #FFFFFF;
    --ui-board-card-alt: #F5F7F8;
    --ui-board-card-text: #202B33;
    --ui-board-card-accent: #285D91;
    --ui-board-card-shadow: rgb(20 35 45 / 12%);
    --ui-board-cursor-1: #AD3543;
    --ui-board-cursor-2: #176E63;
    --ui-board-cursor-3: #226B46;
    --ui-board-cursor-4: #805610;
    --ui-board-cursor-5: #7042AA;
    --ui-board-cursor-6: #A3441F;
    --ui-board-cursor-text: #FFFFFF;
    --ui-board-laser-core: #AD3543;
    --ui-board-laser-hot: #EEA0A9;
    --ui-board-laser-light: #FFFFFF;
    --ui-board-laser-soft: rgb(173 53 67 / 42%);
    --ui-board-laser-clear: rgb(173 53 67 / 0%);
    --ui-board-eraser-fill: rgb(255 255 255 / 55%);
    --ui-board-note-warning: #F2D98A;
    --ui-board-note-success: #A9D8B9;
    --ui-board-note-danger: #E6B6C2;
    --ui-board-note-info: #ADD4E5;
    --ui-board-note-sand: #E6C2A2;
    --ui-board-note-violet: #C9B6E4;
    --ui-on-media: #FFFFFF;
    --ui-media-overlay: rgb(0 0 0 / 70%);
    --ui-focus-ring: 0 0 0 2px rgb(118 201 189 / 24%);
    --bg-pattern: none;
}

:root.light-mode,
body.light-mode {
    color-scheme: light;
    --ui-bg: #F5F7F8;
    --ui-surface: #FFFFFF;
    --ui-surface-alt: #EDF2F3;
    --ui-sidebar: #EDF2F3;
    --ui-input-bg: #EDF2F3;
    --ui-text: #202B33;
    --ui-text-muted: #596974;
    --ui-border: #D7E0E3;
    --ui-control-border: #7A8B94;
    --ui-accent: #176E63;
    --ui-accent-hover: #11594F;
    --ui-accent-soft: #E2F2ED;
    --ui-scrollbar-thumb: #8ABDB5;
    --ui-scrollbar-thumb-hover: #559A8E;
    --ui-on-accent: #FFFFFF;
    --ui-success-text: #226B46;
    --ui-success-bg: #E8F3EC;
    --ui-success-border: #9AC5A8;
    --ui-warning-text: #805610;
    --ui-warning-bg: #FFF3D6;
    --ui-warning-border: #DEC480;
    --ui-danger-text: #AD3543;
    --ui-danger-bg: #FBECEF;
    --ui-danger-border: #DEA5AD;
    --ui-on-danger: #FFFFFF;
    --ui-info-text: #285D91;
    --ui-info-bg: #EAF1F9;
    --ui-info-border: #9CB9D7;
    --ui-event-lesson-text: #176E63;
    --ui-event-lesson-bg: #E2F2ED;
    --ui-event-individual-text: #137DA4;
    --ui-event-individual-bg: #E2F4FA;
    --ui-event-group-text: #7042AA;
    --ui-event-group-bg: #F0E9FA;
    --ui-event-consultation-text: #694599;
    --ui-event-consultation-bg: #F0EAFA;
    --ui-event-homework-text: #805610;
    --ui-event-homework-bg: #FFF3D6;
    --ui-event-exam-text: #285D91;
    --ui-event-exam-bg: #EAF1F9;
    --ui-event-exam-border: #9CB9D7;
    --ui-brand-telegram: #168AC1;
    --ui-brand-telegram-bg: #E3F3FA;
    --ui-brand-telegram-border: #83BDD6;
    --ui-brand-yandex: #C8331A;
    --ui-brand-yandex-bg: #FCEDEA;
    --ui-brand-yandex-border: #E3A095;
    --ui-brand-vk: #1769C2;
    --ui-brand-vk-bg: #E8F0FC;
    --ui-brand-vk-border: #99B9E6;
    --ui-shadow-float: 0 12px 32px rgb(20 35 45 / 12%);
    --ui-modal-backdrop: rgb(20 30 40 / 40%);
    --ui-media-bg: #000000;
    --ui-focus-ring: 0 0 0 2px rgb(23 110 99 / 22%);
    --bg-pattern: none;
}

@media (max-width: 760px) {
    :root {
        --type-page-size: 1.625rem;
        --type-page-line: 2.125rem;
        --type-section-size: 1.25rem;
        --type-section-line: 1.75rem;
        --type-reading-size: 1.0625rem;
        --type-reading-line: 1.75rem;
    }
}