:root{
    --font-family-base:'Manrope',sans-serif;

    /* Основные цвета */

    --color-primary:#F2B705;
    --color-primary-hover:#DCA500;
    --color-primary-soft:#FFF8DE;
    --color-text:#34383D;
    --color-text-strong:#171A1E;
    --color-text-muted:#697078;
    --color-background:#FFFFFF;
    --color-surface:#FFFFFF;
    --color-surface-muted:#F5F6F4;
    --color-border:#E3E5E2;
    --color-shadow:rgba(23,26,30,.08);

    /* Совместимые имена для существующих блоков */
    --primary:var(--color-primary);
    --primary-dark:var(--color-primary-hover);
    --black:var(--color-text);
    --white:var(--color-background);
    --light:var(--color-surface-muted);
    --gray:var(--color-text-muted);
    --border:var(--color-border);

    /* Контейнер */

    --container:1240px;

    /* Скругления */

    --radius:20px;

    /* Тени */

    --shadow:0 20px 60px var(--color-shadow);

    /* Переход */

    --transition:.3s;

}