/*
 | Дизайн-токены сняты с seofordep.com — лендинг держится той же системы,
 | чтобы выглядеть частью основного продукта, а не отдельной поделкой.
 */
:root {
    /* цвета */
    --color-accent:        #9363FF;
    --color-accent-hover:  #7A4AE6;
    --color-bg-page:       #f3f4ff;
    --color-bg-page-soft:  #F0F1F580;
    --color-bg-soft:       #F7F8FA;
    --color-bg-hover:      #f0f1f8;
    --color-tab-bg:        #E8E9F0;
    --color-white:         #ffffff;
    --color-black:         #000000;
    --color-default:       #222222;
    --color-default-medium: rgba(34, 34, 34, 0.75);
    --color-default-soft:  rgba(34, 34, 34, 0.5);
    --color-default-thin:  rgba(34, 34, 34, 0.25);
    --color-grid:          rgba(0, 0, 0, 0.08);
    --color-chart-orange:  #ffab40;

    /* скругления */
    --radius-btn:    44px;
    --radius-card:   30px;
    --radius-inner:  16px;
    --radius-sm:     4px;

    /* тень карточек */
    --basic-shadow: 14px 17px 40px 4px rgba(167, 149, 208, 0.08);

    /* шрифт */
    --font-sans: "Rubik", -apple-system, BlinkMacSystemFont, sans-serif;
}