/* variable.css */
:root {
    --landing-bg: rgba(0, 0, 0, 0.6);
    --landing-color: #ffffff;
  
    /* Фон окна чата (тёмный полупрозрачный) */
    --chat-bg: rgba(20, 20, 30, 0.85);
  
    /* Пузырьки сообщений */
    --user-bubble: rgba(80, 80, 150, 0.9);
    --bot-bubble: rgba(60, 60, 80, 0.9);
  
    --text-user: #ffffff;
    --text-bot: #e0e0e0;
  
    /* Заголовок окна */
    --header-bg: rgba(50, 50, 90, 0.9);
    --header-text: #ffffff;
    --header-height: 60px;
  
    /* Навигация и футер */
    --nav-bg: transparent;
    --footer-text: #f0f0f5;
  
    --nav-button-bg: rgba(255, 255, 255, 0.8);
    --nav-button-active: #6c63ff;
    --nav-button-color: #333333;
    --nav-button-color-active: #ffffff;
  
    --font-family: 'Inter', sans-serif;
    --border-radius: 16px;
    --transition-speed: 0.3s;
    --nav-height: 50px;
  }