/**
 * Mulu AI - Global Theme Variables
 * Standardized color system (light theme only)
 */

/* Light Theme (Default) */
:root {
    /* Primary Brand Colors */
    --primary-color: #0033CC;
    --secondary-color: #0066FF;
    --accent-color: #0033CC;
    --secondary-accent-color: #4D7FFF;

    /* Brand Gradients */
    --gradient-primary: linear-gradient(135deg, #0033CC 0%, #0066FF 100%);
    --gradient-brand: linear-gradient(135deg, #0052FF 0%, #003CB3 100%);
    --gradient-success: linear-gradient(135deg, #10b981 0%, #059669 100%);
    --gradient-warning: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);

    /* Status Colors */
    --success-color: #10b981;
    --warning-color: #f59e0b;
    --error-color: #ef4444;
    --info-color: #0066FF;

    /* Light Theme - Background Colors */
    --background-color: #FFFFFF;
    --background-secondary: #f8f9fa;
    --background-tertiary: #f0f0f0;

    /* Light Theme - Text Colors */
    --text-color: #1a1a1a;
    --text-secondary: #4a4a4a;
    --text-muted: #666666;
    --text-disabled: #999999;

    /* Light Theme - UI Elements */
    --card-bg: #FFFFFF;
    --card-bg-secondary: #f8f9fa;
    --border-color: #e0e0e0;
    --border-color-light: #f0f0f0;
    --divider-color: #e5e7eb;

    /* Light Theme - Interactive Elements */
    --hover-bg: #f5f5f5;
    --active-bg: #e8e8e8;
    --focus-ring: rgba(0, 51, 204, 0.3);

    /* Light Theme - Sidebar/Navigation */
    --sidebar-bg: linear-gradient(180deg, #FFFFFF 0%, #f8f9fa 100%);
    --nav-item-hover: #f0f0f0;
    --nav-item-active: var(--gradient-brand);

    /* Light Theme - Input Elements */
    --input-bg: #FFFFFF;
    --input-border: #d1d5db;
    --input-focus-border: var(--primary-color);
    --input-disabled-bg: #f3f4f6;

    /* Light Theme - Shadows */
    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
    --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1);

    /* Mulu-specific aliases (for backward compatibility) */
    --mulu-dark-gray: #f8f9fa;
    --mulu-medium-gray: #f0f0f0;
    --mulu-light-gray: #666666;
    --mulu-text: #1a1a1a;
    --mulu-black: #1a1a1a;
    --mulu-accent-solid: #0033CC;
    --mulu-accent-blue-end: #0066FF;

    /* Font */
    --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Apply theme colors to body */
body {
    background-color: var(--background-color);
    color: var(--text-color);
    font-family: var(--font-family);
}