/* ========================================
   CSS Variables & Theme
   ======================================== */
:root {
    /* Colors - Light Theme */
    --bg-primary: #ffffff;
    --bg-secondary: #f9fafb;
    --bg-tertiary: #f3f4f6;
    --bg-sidebar: #ffffff;
    --bg-hover: #f3f4f6;
    --bg-active: #e5e7eb;
    
    /* Text Colors */
    --text-primary: #111827;
    --text-secondary: #6b7280;
    --text-tertiary: #9ca3af;
    --text-muted: #d1d5db;
    
    /* Accent Colors - Blue */
    --accent-primary: #3b82f6;
    --accent-primary-hover: #2563eb;
    --accent-secondary: #60a5fa;
    --accent-light: #dbeafe;
    
    /* User Message Bubble - Pink */
    --user-bubble-bg: #fce7f3;
    --user-bubble-border: #fbcfe8;
    --user-bubble-text: #831843;
    
    /* AI Avatar - No background */
    --ai-avatar-size: 32px;
    
    /* Border Colors */
    --border-primary: #e5e7eb;
    --border-secondary: #f3f4f6;
    
    /* Shadow */
    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
    --shadow-pink: 0 2px 8px rgba(251, 207, 232, 0.6);
    
    /* Typography */
    --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-mono: 'Cascadia Code', 'Fira Code', 'JetBrains Mono', Consolas, Monaco, monospace;
    
    /* Spacing */
    --sidebar-width: 260px;
    --header-height: 60px;
    --input-max-width: 800px;
    
    /* Transitions */
    --transition-fast: 150ms ease;
    --transition-base: 250ms ease;
}