:root {
    /* Colors - Dark Theme (Gemini-ish) */
    --bg-body: #131314;
    --bg-sidebar: #1e1f20;
    --bg-surface: #1e1f20;
    --bg-surface-hover: #2d2e2f;
    --bg-tertiary: #3c3d3e;
    --bg-input: #1e1f20;
    --overlay-bg: rgba(0, 0, 0, 0.5);
    --overlay-bg-heavy: rgba(0, 0, 0, 0.75);
    --bg-overlay-content: #1e1f20;
    --accent-transparent: rgba(243, 123, 32, 0.1);
    --accent-transparent-heavy: rgba(243, 123, 32, 0.2);

    --text-primary: #e3e3e3;
    --text-secondary: #c4c7c5;
    --text-muted: #8e9196;

    --accent-color: #F37B20;
    /* Kinguin Orange */
    --accent-hover: #d96e1d;

    --border-color: #444746;
    --border-light: rgba(255, 255, 255, 0.1);
    --bg-secondary: #1e1f20;

    /* Semantic Colors */
    --color-success: #4CAF50;
    --color-error: #F44336;
    --color-warning: #FFC107;
    --color-info: #2196F3;

    /* Additional Variables */
    --bg-input: #1e1f20;
    --bg-modal: #1e1f20;

    /* Gradients & Special Backgrounds */
    --gradient-avatar: linear-gradient(135deg, #4285f4, #9b72cb, #d96570);
    --gradient-welcome: linear-gradient(135deg, #F37B20, #FF9E5E);
    --gradient-text: linear-gradient(135deg, #FF8A80, #FF5252);

    /* Transparent Backgrounds */
    --bg-surface-transparent: rgba(255, 255, 255, 0.05);
    --bg-surface-transparent-hover: rgba(255, 255, 255, 0.04);
    --bg-code-block: rgba(255, 255, 255, 0.1);
    --bg-code-block-pre: #2d2e2f;
    /* Darker surface for pre blocks */
    --bg-error-transparent: rgba(255, 82, 82, 0.1);
    --border-error-transparent: rgba(255, 82, 82, 0.3);

    /* Specific Component Colors */
    --bg-chat-item-active: #004a77;
    --text-chat-item-active: #c2e7ff;
    --bg-nav-item-active: rgba(243, 123, 32, 0.1);

    /* Spacing */
    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 32px;

    /* Typography */
    --font-family: 'Inter', sans-serif;
    --font-size-sm: 0.875rem;
    --font-size-base: 1rem;
    --font-size-lg: 1.125rem;

    /* Transitions */
    --transition-speed: 0.3s;

    /* Layout */
    --sidebar-width: 280px;
    --header-height: 60px;

    /* Calendar Icon Filter */
    --calendar-icon-filter: invert(0.7);
}

body.light-theme {
    --bg-body: #ffffff;
    --bg-sidebar: #f0f4f9;
    --bg-surface: #f0f4f9;
    --bg-surface-hover: #f7f9fc;
    --bg-input: #ffffff;
    --bg-modal: #ffffff;
    --overlay-bg: rgba(0, 0, 0, 0.2);
    --overlay-bg-heavy: rgba(0, 0, 0, 0.4);
    --bg-overlay-content: #ffffff;
    --text-primary: #1f1f1f;
    --text-secondary: #444746;
    --text-muted: #5f6368;
    --border-color: #e1e5ea;
    --border-light: rgba(0, 0, 0, 0.05);
    --bg-secondary: #f8f9fa;
    --bg-tertiary: #f1f3f4;
    --border-focus: #0b57d0;
    /* Google Blue-ish */

    /* Keep accent color same in light mode */
    --accent-color: #F37B20;
    --accent-hover: #d96e1d;

    /* User message bubble - light mode */
    --user-bubble-bg: #e5e7eb;
    --user-bubble-text: #1f2937;

    /* Semantic colors remain the same in light mode */
    --color-success: #1e8e3e;
    --color-error: #d93025;
    --color-warning: #f9ab00;
    --color-info: #1a73e8;

    /* Gradients & Special Backgrounds - Light Mode */
    /* Keeping similar gradients but maybe slightly adjusted if needed, for now same is fine or slightly lighter */
    --gradient-avatar: linear-gradient(135deg, #4285f4, #9b72cb, #d96570);
    --gradient-welcome: linear-gradient(135deg, #F37B20, #FF9E5E);
    --gradient-text: linear-gradient(135deg, #FF8A80, #FF5252);

    /* Transparent Backgrounds - Light Mode */
    --bg-surface-transparent: rgba(0, 0, 0, 0.05);
    --bg-surface-transparent-hover: rgba(0, 0, 0, 0.04);
    --bg-code-block: rgba(0, 0, 0, 0.06);
    --bg-code-block-pre: #f1f3f4;
    /* Lighter surface for pre blocks */
    --bg-error-transparent: rgba(217, 48, 37, 0.1);
    --border-error-transparent: rgba(217, 48, 37, 0.3);

    /* Specific Component Colors - Light Mode */
    --bg-chat-item-active: #e7f3ff;
    --text-chat-item-active: #001d35;
    --bg-nav-item-active: rgba(243, 123, 32, 0.12);
    --accent-transparent: rgba(243, 123, 32, 0.08);
    --accent-transparent-heavy: rgba(243, 123, 32, 0.15);

    /* Calendar Icon Filter - Light Mode */
    --calendar-icon-filter: invert(0.3);
}

/* Liquid Glass - Light (Orange/Grey/White) */
body.theme-liquid-glass-light {
    --bg-body: transparent;
    --bg-sidebar: rgba(255, 255, 255, 0.5);
    --bg-surface: rgba(255, 255, 255, 0.92);
    --bg-surface-hover: rgba(255, 255, 255, 0.96);
    --bg-input: rgba(255, 255, 255, 0.5);
    --bg-input-glass: rgba(255, 255, 255, 0.4);
    --bg-input-glass-focus: rgba(255, 255, 255, 0.7);
    --bg-modal: #ffffff;
    --overlay-bg: rgba(255, 255, 255, 0.3);
    --overlay-bg-heavy: rgba(255, 255, 255, 0.5);
    --bg-overlay-content: rgba(255, 255, 255, 0.95);

    --text-primary: #1a1a1a;
    --text-secondary: #4a4a4a;
    --text-muted: #6a6a6a;

    /* Orange Accent - Kinguin style */
    --accent-color: #F37B20;
    --accent-hover: #e06810;
    --accent-glow: rgba(243, 123, 32, 0.35);

    --border-color: rgba(255, 255, 255, 0.5);
    --border-light: rgba(255, 255, 255, 0.3);
    --bg-secondary: #ffffff;
    --bg-tertiary: rgba(255, 255, 255, 0.4);
    --glass-border: rgba(255, 255, 255, 0.6);
    --glass-border-subtle: rgba(255, 255, 255, 0.25);
    --glass-shadow: rgba(0, 0, 0, 0.08);

    --bg-surface-transparent: rgba(255, 255, 255, 0.25);
    --bg-surface-transparent-hover: rgba(255, 255, 255, 0.35);
    --bg-code-block: rgba(255, 255, 255, 0.5);

    /* Orange/Grey Gradients */
    --gradient-avatar: linear-gradient(135deg, #F37B20 0%, #FF9E5E 100%);
    --gradient-welcome: linear-gradient(135deg, #F37B20, #64748b);
    --gradient-text: linear-gradient(135deg, #F37B20, #78716c);

    --bg-chat-item-active: rgba(243, 123, 32, 0.12);
    --text-chat-item-active: #1a1a1a;
    --bg-nav-item-active: rgba(243, 123, 32, 0.12);
}

/* Liquid Glass - Dark (Elegant Charcoal with Orange Accents) */
body.theme-liquid-glass-dark {
    --bg-body: transparent;
    --bg-sidebar: rgba(20, 24, 32, 0.5);
    --bg-surface: rgba(25, 30, 40, 0.95);
    --bg-surface-hover: rgba(35, 42, 55, 0.98);
    --bg-input: rgba(15, 18, 25, 0.4);
    --bg-input-glass: rgba(15, 18, 25, 0.3);
    --bg-input-glass-focus: rgba(30, 36, 48, 0.6);
    --bg-modal: #141820;
    --overlay-bg: rgba(0, 0, 0, 0.5);
    --overlay-bg-heavy: rgba(0, 0, 0, 0.8);
    --bg-overlay-content: #141820;
    --bg-tertiary: #1c222c;

    --text-primary: #f0f0f0;
    --text-secondary: #a0a8b8;
    --text-muted: #707888;

    /* Orange Accent */
    --accent-color: #F37B20;
    --accent-hover: #FF9E5E;
    --accent-glow: rgba(243, 123, 32, 0.4);

    --border-color: rgba(255, 255, 255, 0.1);
    --border-light: rgba(255, 255, 255, 0.08);
    --bg-secondary: #191e28;
    --glass-border: rgba(255, 255, 255, 0.12);
    --glass-border-subtle: rgba(255, 255, 255, 0.06);
    --glass-shadow: rgba(0, 0, 0, 0.5);

    --bg-surface-transparent: rgba(255, 255, 255, 0.06);
    --bg-surface-transparent-hover: rgba(255, 255, 255, 0.1);
    --bg-code-block: rgba(0, 0, 0, 0.3);

    /* Elegant Gradients */
    --gradient-avatar: linear-gradient(135deg, #F37B20 0%, #FF9E5E 100%);
    --gradient-welcome: linear-gradient(135deg, #F37B20, #FF9E5E);
    --gradient-text: linear-gradient(135deg, #FFB380, #F37B20);

    --bg-chat-item-active: rgba(243, 123, 32, 0.2);
    --text-chat-item-active: #ffffff;
    --bg-nav-item-active: rgba(243, 123, 32, 0.15);
}

body.light-mode {
    /* Placeholder for light mode if needed later */
    --bg-body: #ffffff;
    --bg-sidebar: #f0f4f9;
    --text-primary: #1f1f1f;
}