:root {
  /* Цвета */
  --color-milk-white: #f9fafb;       /* Молочно-белый */
  --color-light-blue: #bfdbfe;       /* Светло-синяя граница */
  --color-dark-blue: #1e3a8a;        /* Темно-синий текст */
  --color-alert-red: #e74c3c;        /* Алый (кнопка выхода) */
  --color-alert-red-dark: #c0392b;   /* Темно-алый (hover) */
  --color-gray-border: #e5e7eb;      /* Серая граница хедера */
  
  /* Тени */
  --shadow-inset-light: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  --shadow-outside-light: 0 1px 2px rgba(0, 0, 0, 0.1);
  --shadow-inset-medium: inset 0 1px 3px rgba(0, 0, 0, 0.15);
  --shadow-outside-medium: 0 2px 4px rgba(0, 0, 0, 0.15);
  --shadow-header: 0 1px 3px rgba(0, 0, 0, 0.05);
  
  /* Размеры */
  --header-height: 10vh;
  --border-radius-small: 6px;
  --border-radius-medium: 8px;
}