@import url('https://fonts.googleapis.com/css2?family=Onest:wght@100..900&display=swap');

:root {
    /* Основные цвета */
    --color-primary: #010101;
    --color-secondary: #4C4C4C;
    --color-accent: #ED4B13;

    /* Фоновые цвета */
    --color-bg: #ffffff;
    --color-bg-light: #F3F3F2;

    /* Тексты */
    --color-text: #4C4C4C;
    --color-text-muted: #7D7D7D;
    --color-text-extramuted: #cdcdcd;
    --color-white: white;

    --font-primary: 'Onset', sans-serif;


    --font-size-banner: 50px;
    --font-size-base: 18px;
    --font-size-a: 16px;
    --font-size-lg: 20px;
    --font-size-sm: 14px;

    --line-height-base: 1.2;
    --line-height-lg: 1.75;


    --border-radius-sm: 8px;
    --border-radius-md: 12px;
    --border-radius-lg: 16px;
    --border-radius-btn: 32px;

    --container-width: 1420px;


    --transition-fast: 0.2s ease-in-out;
    --transition-medium: 0.4s ease-in-out;
    --transition-slow: 0.6s ease-in-out;
}