element.style {
}
body {
    margin: 0;
    font-family: "Golos", sans-serif;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.5;
    color: #e0e0e0; /* Светло-серый текст для лучшей читаемости на темном фоне */
    text-align: left;
    background-color: #121212; /* Темный фон */
}
*, *::before, *::after {
    box-sizing: border-box;
}
user agent stylesheet
body {
    display: block;
    margin: 8px;
}
:root {
    --orange: #FF6D00; /* Яркий оранжевый */
    --orange-dark: #E65100; /* Темно-оранжевый/рыжий */
    --orange-light: #FF9E40; /* Светлый оранжевый */
    --black: #000000;
    --black-light: #1E1E1E;
    --black-lighter: #2A2A2A;
    --white: #ffffff;
    --gray: #757575;
    --gray-light: #9E9E9E;
    --gray-dark: #424242;
    
    /* Переопределение стандартных цветов */
    --primary: var(--orange);
    --secondary: var(--orange-dark);
    --success: var(--orange-light);
    --info: var(--orange);
    --warning: #FFAB00;
    --danger: #DD2C00;
    --light: var(--gray-light);
    --dark: var(--black-light);
    --default: var(--black-lighter);
    --tertiary: var(--orange-dark);
    
    /* Дополнительные оттенки серого */
    --gray-100: var(--black-lighter);
    --gray-200: #424242;
    --gray-300: #616161;
    --gray-400: var(--gray);
    --gray-500: #9E9E9E;
    --gray-600: #BDBDBD;
    --gray-700: #E0E0E0;
    --gray-800: #EEEEEE;
    
    /* Остальные переменные оставляем без изменений */
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.5);
}
*, *::before, *::after {
    box-sizing: border-box;
}
*, *::before, *::after {
    box-sizing: border-box;
}
::-webkit-scrollbar {
    width: 10px;
    height: 3px;
}
::-webkit-scrollbar-thumb {
    background: var(--orange); /* Оранжевый ползунок */
}
::-webkit-scrollbar-track {
    background: var(--black-light); /* Темный фон трека */
}