:root {
    
  /* Брендовые */
  --brand-oil: #a3242d;
  --brand-oil-dark: #8a1e25;
  --brand-oil-lighter: #b84b52;
  
  --brand-bio: #187c6a;
  --brand-bio-dark: #126352;
  --brand-bio-light: #3fa08e;

  
  /* Фон */
  --bg-dark: #2a2a2a;
  --bg-base: #333;
  --bg-light: #f0f0f0;
  --bg-extra-light: #f7f7f7;
  
  --bg-white: #fff;
  --bg-black: #000;
  
  
  /* Заголовки */
  --header-primary: #2a2a2a;
  --header-secondary: #333;
  --header-tertiary: #666;
  --header-quaternary: #888;
  
  
  /* Текст */
  --text-primary-dark: #000;
  --text-primary: #333;
  --text-secondary: #666;
  --text-tertiary: #888;
  --text-quaternary: #c0c0c0;
  
  --text-primary-invert: #fff;
  --text-secondary-invert: rgba(255, 255, 255, 0.7);
  --text-tertiary-invert: rgba(255, 255, 255, 0.5);
  
  
  /* Интерфейс (кнопки) */
  --ui-btn-base: #483F39;
  --ui-btn-hover: #5a4e45;
  
  
  /* Ссылки */
  --link-base: #0056b3;
  --link-hover: #00408a;
  --link-white: #fff;
  --link-white-hover: rgba(255, 255, 255, 0.8);
  --link-dark: #333;
  --link-dark-hover: #000;
  
  
  /* Бордеры */
  --border-dark: #666;
  --border-light: #C0C0C0;
  --border-lighter: #f0f0f0;
  --border-invert: #fff;
  
  
  /* Статусы */
  --status-done: rgba(76, 175, 80, 0.85);     
  --status-progress: rgba(117, 117, 117, 0.85); 
}