:root {
    --main-color: var(--orange);

    --theme-bg-color: var(--white);
    --theme-secondary-bg-color: var(--gray-light);

    --theme-text-color: var(--black);
    --theme-secondary-text-color: var(--gray-dark);

    --theme-disabled-btn: var(--gray);
}

body {
    background-color: var(--theme-bg-color);
    color: var(--theme-text-color);
}

html[data-partner="samurai"] {
    --main-color: #1C1C1C;
}

/*
var(--tg-theme-bg-color) - Цвет фона.
var(--tg-theme-text-color) - Цвет текста.
var(--tg-theme-hint-color) - Цвет подсказок.
var(--tg-theme-link-color) - Цвет ссылок.
var(--tg-theme-button-color) - Цвет кнопок.
var(--tg-theme-button-text-color) - Цвет текста кнопок.
var(--tg-theme-secondary-bg-color) - Вторичный цвет фона.
var(--tg-theme-header-bg-color) - Цвет фона заголовка.
var(--tg-theme-accent-text-color) - Акцентный цвет текста.
var(--tg-theme-section-bg-color) - Цвет фона секции.
var(--tg-theme-section-header-text-color) - Цвет текста заголовка секции.
var(--tg-theme-subtitle-text-color) - Цвет текста подзаголовка.
var(--tg-theme-destructive-text-color) - Цвет текста для разрушительных действий.
var(--tg-theme-section-separator-color) - Цвет разделителя секции.
var(--tg-theme-bottom-bar-color) - Цвет нижней панели.
*/
/*
--tg-color-scheme: dark; 
--tg-theme-bottom-bar-bg-color: #17212b;
--tg-viewport-height: 591px; 
--tg-viewport-stable-height: 591px; 
--tg-safe-area-inset-top: 0px; 
--tg-safe-area-inset-bottom: 0px; 
--tg-safe-area-inset-left: 0px; 
--tg-safe-area-inset-right: 0px; 
--tg-content-safe-area-inset-top: 0px; 
--tg-content-safe-area-inset-bottom: 0px; 
--tg-content-safe-area-inset-left: 0px; 
--tg-content-safe-area-inset-right: 0px;
/**/
html[data-theme="tg"] {
    --theme-bg-color: var(--tg-theme-bg-color);
    --theme-secondary-bg-color: var(--tg-theme-secondary-bg-color);

    --theme-text-color: var(--tg-theme-text-color);
    --theme-secondary-text-color: var(--tg-theme-text-color);
}