/**
 * Theme Definitions
 *
 * CSS Variables för olika teman.
 * Alla moduler använder dessa variables för konsekvent styling.
 */

/* Default Dark Theme - Blue gradient style */
:root,
body[data-theme="dark"] {
    /* Backgrounds - Blue gradient style */
    --bg-primary: #1a1a2e;
    --bg-secondary: #252542;
    --bg-tertiary: #1e1e32;
    --bg-hover: #2d2d4a;
    --bg-gradient: linear-gradient(135deg, #1a1a2e 0%, #16162a 50%, #0f3460 100%);

    /* Text */
    --text-primary: #ffffff;
    --text-secondary: rgba(255, 255, 255, 0.7);
    --text-tertiary: rgba(255, 255, 255, 0.6);
    --text-muted: rgba(255, 255, 255, 0.5);

    /* Borders & Separators */
    --border-color: rgba(255, 255, 255, 0.1);
    --border-color-light: rgba(255, 255, 255, 0.15);

    /* Accent & Actions - Blue accent */
    --accent-color: #0078d4;
    --accent-hover: #1084d8;
    --accent-active: #0066b8;

    /* Status Colors */
    --error-color: #ef4444;
    --warning-color: #f59e0b;
    --info-color: #3b82f6;
    --success-color: #22c55e;

    /* Component Heights */
    --taskbar-height: 48px;
    --header-height: 60px;

    /* Shadows */
    --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 8px rgba(0, 0, 0, 0.4);
    --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5);

    /* Transitions */
    --transition-fast: 0.1s ease;
    --transition-normal: 0.2s ease;
    --transition-slow: 0.3s ease;

    /* Taskbar specific for dark theme */
    --taskbar-bg: linear-gradient(180deg, #1a1a2e 0%, #0f0f1a 100%);
    --taskbar-border: rgba(255, 255, 255, 0.1);
    --taskbar-text: #ffffff;
    --taskbar-icon-hover: rgba(255, 255, 255, 0.1);
    --taskbar-icon-active: rgba(0, 120, 212, 0.3);
}

/* Light Theme */
body[data-theme="light"] {
    /* Backgrounds - solid colors for light theme */
    --bg-primary: #f8fafc;
    --bg-secondary: #ffffff;
    --bg-tertiary: #f1f5f9;
    --bg-hover: #e2e8f0;
    --bg-gradient: #f8fafc; /* Solid color, no gradient in light mode */

    /* Text */
    --text-primary: #1e293b;
    --text-secondary: #475569;
    --text-tertiary: #64748b;
    --text-muted: #94a3b8;

    /* Borders & Separators */
    --border-color: #e2e8f0;
    --border-color-light: #f1f5f9;

    /* Accent & Actions */
    --accent-color: #3b82f6;
    --accent-hover: #2563eb;
    --accent-active: #1d4ed8;

    /* Status Colors */
    --error-color: #ef4444;
    --warning-color: #f59e0b;
    --info-color: #3b82f6;
    --success-color: #22c55e;

    /* Shadows - more pronounced for light theme */
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.06);
    --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.07), 0 2px 4px rgba(0, 0, 0, 0.06);
    --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1), 0 4px 6px rgba(0, 0, 0, 0.05);

    /* Taskbar specific for light theme */
    --taskbar-bg: linear-gradient(180deg, #ffffff 0%, #f1f5f9 100%);
    --taskbar-border: #e2e8f0;
    --taskbar-text: #1e293b;
    --taskbar-icon-hover: rgba(0, 0, 0, 0.06);
    --taskbar-icon-active: rgba(59, 130, 246, 0.15);
}

/* Custom Theme - Använder dark som bas, overrides via ThemeManager */
body[data-theme="custom"] {
    /* Inherits from dark theme */
    /* Custom colors applied via JS (ThemeManager.setCustomColor) */
}

/* Smooth theme transitions */
body {
    transition: background-color var(--transition-slow),
                color var(--transition-slow);
}

* {
    transition: border-color var(--transition-fast),
                background-color var(--transition-fast),
                color var(--transition-fast);
}

/* Prevent transitions on page load */
body.no-transitions,
body.no-transitions * {
    transition: none !important;
}