/* ============================================
   Core Variables — Artesano Games Desktop
   ============================================ */

:root
{
    /* ============================================
       Light Theme (Default)
       ============================================ */
    --bg-desktop: #FFF8E1;
    --bg-desktop-pattern: rgba(0, 0, 0, 0.02);
    --bg-window: #FFFDF5;
    --bg-window-chrome: #F5F0E0;
    --bg-taskbar: #F5F0E0;
    --bg-taskbar-hover: #E8E3D0;
    --bg-icon: transparent;
    --bg-icon-hover: rgba(0, 0, 0, 0.05);

    --text-primary: #1A1A1A;
    --text-secondary: #4A4A4A;
    --text-muted: #7A7A7A;
    --text-inverse: #FFFDF5;

    --accent-primary: #D4A574;
    --accent-secondary: #C4956A;
    --accent-hover: #B8855A;

    --border-light: rgba(0, 0, 0, 0.1);
    --border-medium: rgba(0, 0, 0, 0.15);
    --border-strong: rgba(0, 0, 0, 0.25);

    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.12);
    --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.18);
    --shadow-window: 0 12px 40px rgba(0, 0, 0, 0.2);

    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;

    --transition-fast: 0.15s ease;
    --transition-normal: 0.25s ease;
    --transition-slow: 0.4s ease;

    /* Desktop grid */
    --taskbar-height: 48px;
    --window-min-width: 300px;
    --window-min-height: 200px;

    /* Font stack */
    --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-mono: 'JetBrains Mono', 'Fira Code', monospace;
}

/* ============================================
   Dark Theme
   ============================================ */
[data-theme="dark"]
{
    --bg-desktop: #1E1E1E;
    --bg-desktop-pattern: rgba(255, 255, 255, 0.02);
    --bg-window: #2D2D2D;
    --bg-window-chrome: #252525;
    --bg-taskbar: #252525;
    --bg-taskbar-hover: #333333;
    --bg-icon: transparent;
    --bg-icon-hover: rgba(255, 255, 255, 0.08);

    --text-primary: #F0F0F0;
    --text-secondary: #C0C0C0;
    --text-muted: #808080;
    --text-inverse: #1A1A1A;

    --accent-primary: #D4A574;
    --accent-secondary: #C4956A;
    --accent-hover: #E0B584;

    --border-light: rgba(255, 255, 255, 0.08);
    --border-medium: rgba(255, 255, 255, 0.12);
    --border-strong: rgba(255, 255, 255, 0.2);

    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.4);
    --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5);
    --shadow-window: 0 12px 40px rgba(0, 0, 0, 0.6);
}