:root {
    --theme-base-color: #F5F7FA;
    --Themes-border-default: #CED4DA;
    --Themes-border-light: #DEE2E6;
    --Themes-border-secondary: #6C757D;
    --base-color: #212529;
    --primary-color: #047BFB;
    --primary-color-600: #046CDD;
    --primary-color-700: #0362C9;
    --Text-Text-Secondary: rgba(33, 37, 41, 0.67);
    --Text-Text-Tertiary: rgba(33, 37, 41, 0.45);
    --white-color: #FFFFFF;
    --bg-white: #FFFFFF;
    --Gray-300: #DEE2E6;
    --Themes-bg-light: #F8F9FA;
    --danger-500: #DC3545;
    --danger-600: #BB2D3B;
    --danger-700: #B02A37;
}

:root {
    --font-base-family: 'Inter', 'Arial Regular', sans-serif;
    --font-size-xxs: 12px;
    --font-size-xs: 13px;
    --font-size-sm: 14px;
    --font-size-base: 16px;
    --font-size-md: 16px;
    --font-size-h4: 18px;
    --font-size-h3: 20px;
    --font-size-h2: 24px;
    --font-size-h1: 28px;
    --font-size-title: 32px;
    --font-line-height-xxs: 14px;
    --font-line-height-xs: 18px;
    --font-line-height-sm: 20px;
    --font-line-height-base: 24px;
    --font-line-height-md: 24px;
    --font-line-height-h4: 28px;
    --font-line-height-h3: 28px;
    --font-line-height-h2: 24px;
    --font-line-height-h1: 28px;
    --font-line-height-title: 32px;
}

:root {
    --status-open-color: #6610F2;
    --status-open-background-color: #E2D9F3;
    --status-open-border-color: #A98EDA;
    --status-closed-color: #495057;
    --status-closed-background-color: #E9ECEF;
    --status-closed-border-color: #ADB5BD;
    --status-draft-color: #6C757D;
    --status-draft-background-color: #F8F9FA;
    --status-draft-border-color: #CED4DA;
}

:root {
    --space-xxs: 4px;
    --space-xs: 8px;
    --space-sm: 12px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 32px;
}

:root {
    --avatar-xs: 24px;
    --avatar-sm: 40px;
    --avartar-md: 50px;
}