/* CSS Custom Properties / Variables */
:root {
    --primary-color: #4169E1;
    --primary-dark: #2E4BC6;
    --primary-light: #6B7EE8;
    --accent-color: #3366FF;
    --deep-navy: #1A1B3A;
    --soft-blue: #F0F2FF;
    --chat-bg: linear-gradient(135deg, #F0F2FF 0%, #E6EDFF 100%);
    --sidebar-bg: linear-gradient(180deg, #1A1B3A 0%, #2D2E4F 100%);
    --sidebar-hover: rgba(65, 105, 225, 0.15);
    --user-message-bg: linear-gradient(135deg, #FFFFFF 0%, #F8FAFF 100%);
    --assistant-message-bg: linear-gradient(135deg, #F0F2FF 0%, #E6EDFF 100%);
    --border-color: rgba(65, 105, 225, 0.1);
    --glass-bg: rgba(255, 255, 255, 0.1);
    --glass-border: rgba(255, 255, 255, 0.2);
    --text-primary: #1A1B3A;
    --text-secondary: #6B7EE8;
    --shadow-soft: 0 4px 20px rgba(65, 105, 225, 0.1);
    --shadow-medium: 0 8px 32px rgba(65, 105, 225, 0.15);
    --shadow-strong: 0 16px 48px rgba(65, 105, 225, 0.2);
}