:root {
    /* Шипучка */
    --shipuchka: #F4FFAC;
    /* Затмение */
    --zatmenie: #18172C;
    /* Лаванда */
    --lavanda: #878BE5;
    --light-lavanda: rgba(135, 139, 229, 0.2);
    --strong-lavanda: rgba(135, 139, 229, 0.8);
    --lavanda-shadow: #878BE566;
    --lavanda-shadow-full: #878BE5CC;
    /* SPACE btn */
    --space-btn: #a3a3a3;

    /* Фон общий */
    --paper: #F3F3F3;
    /* Фон для ползунков */
    --surface: #FFFDF8;
    --surface-input: #fffffb;

    /* Фон кнопок ползунков и кнопки регистрации */
    --zatmenie-btn: var(--zatmenie);

    /* Цвет текста на темном фоне */
    --font-on-dark-bgc: #F2F4F3;
    /* Цвет текста на белом фоне */
    --font-on-light-bgc: var(--zatmenie);

    /* Фон карточки */
    --bgc-card: #4A4E69;
    --bgc-card-back-side: #FFF5E1;
    /* Цвет эл-ов карточки */
    --color-edges: #FFFDF8;
    --color-edges-back-side: #18172C;
    /* Цвет слова */
    --color-main-word: var(--shipuchka);
    --color-main-word-back-side: var(--shipuchka);

    /* Цвет вторичных элементов */
    --color-main-elements: #c8c8c8;

    /* Цвет линий */
    --lines: rgba(139, 140, 137, 0.2);

    /* Тень */
    --shadow: 0 24px 60px rgba(40, 48, 42, 0.14);

    /* Скорость переворачивания карточки */
    --card-flip-duration: 1000ms;

    /* Шрифт */
    --font: Georgia, "serif";
    --extra-weight: 800;
    --bold-weight: 700;
    --small-weight: 500;
    --normal-weight: 400;

    --letter-spacing: 0.2em;
    --letter-spacing-h2-card: 0;
    --letter-spacing-small: 0.06em;
    --letter-spacing-h1: -0.06em;
    --letter-spacing-h2: -0.04em;

    --line-height: 1;
    --line-height-card: 1.2;
    --line-height-auth: 0.8;

    /* Скругления */
    --small-border-radius: 12px;
    --medium-border-radius: 20px;
    --normal-border-radius: 24px;
    --big-border-radius: 28px;
    --extra-border-radius: 40px;

    /* Размер текста */
    --h1: clamp(48px, 7vw, 92px);
    --h2: clamp(40px, 6vw, 68px);
    --h3: clamp(32px, 4.5vw, 56px);
    --h4: clamp(28px, 3vw, 36px);
    --small-text: 12px;
    --medium-text: 16px;
    --normal-text: clamp(16px, 1.8vw, 20px);
    --big-text: clamp(20px, 2.4vw, 24px);
    --extra-text: 28px;

    /* Анимации */
    --500-transition: 500ms;
    --400-transition: 400ms;
    --300-transition: 300ms;
    --200-transition: 200ms;
    --motion-quick: 120ms;
    --motion-standard: var(--200-transition);
    --ease-out-strong: cubic-bezier(0.16, 1, 0.3, 1);
}