:root {
  /* Основная палитра */
  --color-bg-main: #edf5fd;
  --color-bg-light: #fff;
  --color-bg-accent: #dae8f9;
  --color-text-secondary: #5f718c;
  --color-text-primary: #49576d;
  --color-accent: #5881c1;
  --primary-color: #040405ff;
  --primary-color-dark: #3f5fa0;
  --background-color: #f4f8fc;
  --text-color: #222;
  --gray-light: #f9f9f9;
  --gray-border: #ddd;
  --gray-text: #666;
  --link-color: #00e;
  --gray-border-column: #ccc;

  /* Цвета success  */
  --success-bg: #d4edda;
  --success-text: #155724;
  --success-border: #c3e6cb;

  /* Цвета error */
  --error-bg: #f8d7da;
  --error-text: #721c24;
  --error-border: #f5c6cb;

  /* Тени */
  --shadow-light: rgba(0, 0, 0, 0.2);
  --shadow-medium: rgba(0, 0, 0, 0.3);
  --shadow-focus: rgba(80, 117, 191, 0.4);
  --image-shadow: rgba(0, 0, 0, 0.15);
  --box-shadow: rgba(0, 0, 0, 0.1);
  

  /* background-color */
  --background-viewer: rgba(0, 0, 0, 0.75);
}