:root {
    --bg: #061830; /* глубокий тёмно-синий */
    --bg-2: #0c1530; /* чуть светлее для карт */
    --pri: #2f6bff; /* неоновый синий */
    --pri-2: #7aa2ff; /* оттенок */
    --acc: #F8CA73; /* золотой акцент */
    --ok: #36c98f; /* лаймово-зелёный */
    --txt: #eaf0ff; /* светлый текст */
    --mut: #a6b2d6; /* вторичный текст */
    --white-background: #FEFEFE; /* Белый фон */
    --secondary-background: #F2F2F2; /* Белый фон */
    --glass: rgba(255, 255, 255, .06);
    --radius-2xl: 24px;
    --radius-xl: 18px;
    --radius-lg: 14px;
    --shadow-lg: 0 20px 60px rgba(0, 0, 0, .45);
    --shadow-md: 0 10px 30px rgba(0, 0, 0, .35);
    --shadow-sm: 0 6px 16px rgba(0, 0, 0, .25);
    --maxw: 1180px;
    --max-notebook-list-width: 1020px;

    --font-size-xs: 12px;
    --font-size-s: 14px;
    --font-size-m: 16px;
    --font-size-l: 18px;
    --font-size-xl: 20px;
    --font-size-xxl: 22px;
    --font-size-3xl: 24px;
    --font-size-4xl: 26px;
    --font-size-5xl: 28px;
}