:root {
    
    --background-color-nav: #f2eeee;
    --background-color: white;
    --text-color: rgb(65, 65, 65);
    --border-color: black;
    --color-h1: rgba(121, 121, 121, 1);
    --background-color-search-bar: #dadada65;
    
  }
  
  html {
    background-color: var(--background-color);
    width: 100%;
    overflow-x: hidden;
  }
  
  body {
    margin: 0;
    padding: 0;
    color: var(--text-color);
    font-family: 'Manrope', sans-serif;
    justify-content: center;
  }
  
  /* Тема для светлого режима */
  html.dark_mode {
    
    --background-color: black;
    --text-color: white;
    --border-color: white;
    --color-h1: rgba(255, 255, 255, 0.451);
    --background-color-nav: black;
    --background-color-search-bar: #201f1fc1;

  }
  
  body.dark_mode {
    background-color: var(--background-color);
    color: var(--text-color);
  }
  
  /* Пример стиля для ссылок и кнопок */
  body.dark_mode .settings_menu ul li a,
  body.dark_mode .settings_menu ul li button {
    color: var(--text-color);
  }