:root {
    /* -- Наши кастомные переменные для СВЕТЛОЙ темы -- */
    --accent-color: #00a88e; /* Ваш фирменный зеленый */
    --accent-color-hover: #007d6a;
    --section-title-border: #00a88e;
    
    /* Эти переменные могут дублировать Bootstrap, но дают нам контроль */
    --custom-bg-color: #f8f9fa;
    --custom-bg-secondary: #ffffff;
    --custom-text-color: rgba(0, 0, 0, .8);
    --custom-border-color: #dee2e6;
    
    /* Стили для кастомного блока кода */
    --code-bg-color: #0d1117;
    --code-text-color: #c9d1d9;
    --code-border-color: #30363d;
    
}


html[data-bs-theme="dark"] {
    /* -- Наши кастомные переменные для ТЁМНОЙ темы -- */
    --accent-color: #238636; /* Более яркий зеленый для темного фона */
    --accent-color-hover: #2ea043;
    --section-title-border: #238636;
    
    --custom-bg-color: #0d1117;
    --custom-bg-secondary: #161b22;
    --custom-text-color: #c9d1d9;
    --custom-border-color: #30363d;
    
}