/* Era-Based Theme System CSS Custom Properties
   ADR-0119: Era-Based Theme System with Retro Windows UI
   
   Theme classes are applied to the document body or theme wrapper.
   Components use these CSS variables for consistent theming.
*/

:root {
    /* Default (Modern) Theme - Era VII (2010+) */
    --theme-bg-primary: #ffffff;
    --theme-bg-secondary: #f3f4f6;
    --theme-bg-tertiary: #e5e7eb;
    --theme-text-primary: #1f2937;
    --theme-text-secondary: #6b7280;
    --theme-text-muted: #9ca3af;
    --theme-accent: #3b82f6;
    --theme-accent-hover: #2563eb;
    --theme-border: #e5e7eb;
    --theme-border-focus: #3b82f6;
    --theme-shadow: 0 1px 3px rgba(0,0,0,0.1);
    --theme-shadow-lg: 0 10px 15px rgba(0,0,0,0.1);
    --theme-radius: 0.375rem;
    --theme-radius-lg: 0.5rem;
    --theme-font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --theme-font-mono: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, monospace;
    --theme-transition: 150ms ease-in-out;
}

/* Victorian Theme - Era I (1830-1875) Pioneer Era */
.theme-victorian {
    --theme-bg-primary: #f5e6d3;
    --theme-bg-secondary: #e8d4b8;
    --theme-bg-tertiary: #d4c4a8;
    --theme-text-primary: #2c1810;
    --theme-text-secondary: #5c3d2e;
    --theme-text-muted: #8b6b5c;
    --theme-accent: #8b4513;
    --theme-accent-hover: #6b3410;
    --theme-border: #a67b5b;
    --theme-border-focus: #8b4513;
    --theme-shadow: 2px 2px 4px rgba(44,24,16,0.2);
    --theme-shadow-lg: 4px 4px 8px rgba(44,24,16,0.3);
    --theme-radius: 0;
    --theme-radius-lg: 0;
    --theme-font-family: 'Playfair Display', Georgia, 'Times New Roman', serif;
    --theme-font-mono: 'Courier New', Courier, monospace;
    --theme-transition: 200ms ease;
}

/* Gilded Age Theme - Era II (1875-1920) Golden Age */
.theme-gilded {
    --theme-bg-primary: #1a1a1a;
    --theme-bg-secondary: #2d2d2d;
    --theme-bg-tertiary: #3d3d3d;
    --theme-text-primary: #d4af37;
    --theme-text-secondary: #c9a227;
    --theme-text-muted: #a08020;
    --theme-accent: #ffd700;
    --theme-accent-hover: #ffed4a;
    --theme-border: #d4af37;
    --theme-border-focus: #ffd700;
    --theme-shadow: 0 2px 8px rgba(212,175,55,0.2);
    --theme-shadow-lg: 0 4px 16px rgba(212,175,55,0.3);
    --theme-radius: 0;
    --theme-radius-lg: 2px;
    --theme-font-family: 'Cinzel', 'Times New Roman', serif;
    --theme-font-mono: 'Courier New', Courier, monospace;
    --theme-transition: 200ms ease;
}

/* Art Deco Theme - Era III (1920-1950) Steam Classic */
.theme-artdeco {
    --theme-bg-primary: #1a1a2e;
    --theme-bg-secondary: #16213e;
    --theme-bg-tertiary: #0f3460;
    --theme-text-primary: #e8d5b7;
    --theme-text-secondary: #c9b896;
    --theme-text-muted: #a89878;
    --theme-accent: #d4af37;
    --theme-accent-hover: #e8c547;
    --theme-border: #d4af37;
    --theme-border-focus: #ffd700;
    --theme-shadow: 0 4px 6px rgba(212,175,55,0.15);
    --theme-shadow-lg: 0 8px 16px rgba(212,175,55,0.2);
    --theme-radius: 0;
    --theme-radius-lg: 0;
    --theme-font-family: 'Poiret One', 'Didot', 'Georgia', serif;
    --theme-font-mono: 'Courier New', Courier, monospace;
    --theme-transition: 250ms ease;
}

/* Mid-Century Modern Theme - Era IV (1950-1970) Diesel Transition */
.theme-midcentury {
    --theme-bg-primary: #f5f0e6;
    --theme-bg-secondary: #e8e0d0;
    --theme-bg-tertiary: #d4cbb8;
    --theme-text-primary: #2d3436;
    --theme-text-secondary: #636e72;
    --theme-text-muted: #95a5a6;
    --theme-accent: #e17055;
    --theme-accent-hover: #d35400;
    --theme-border: #b2bec3;
    --theme-border-focus: #e17055;
    --theme-shadow: 0 2px 4px rgba(0,0,0,0.1);
    --theme-shadow-lg: 0 4px 12px rgba(0,0,0,0.15);
    --theme-radius: 0;
    --theme-radius-lg: 4px;
    --theme-font-family: 'Futura', 'Century Gothic', 'Arial', sans-serif;
    --theme-font-mono: 'Courier New', Courier, monospace;
    --theme-transition: 200ms ease;
}

/* Terminal Theme - Era V (1970-1990) Computer Age */
.theme-terminal {
    --theme-bg-primary: #0a0a0a;
    --theme-bg-secondary: #111111;
    --theme-bg-tertiary: #1a1a1a;
    --theme-text-primary: #00ff00;
    --theme-text-secondary: #00cc00;
    --theme-text-muted: #009900;
    --theme-accent: #00ff00;
    --theme-accent-hover: #33ff33;
    --theme-border: #003300;
    --theme-border-focus: #00ff00;
    --theme-shadow: 0 0 10px rgba(0,255,0,0.2);
    --theme-shadow-lg: 0 0 20px rgba(0,255,0,0.3);
    --theme-radius: 0;
    --theme-radius-lg: 0;
    --theme-font-family: 'IBM Plex Mono', 'Consolas', 'Courier New', monospace;
    --theme-font-mono: 'IBM Plex Mono', 'Consolas', 'Courier New', monospace;
    --theme-transition: 0ms;
}

/* Windows 98 Theme - Era VI (1990-2010) Digital Era */
.theme-win98 {
    --theme-bg-primary: #c0c0c0;
    --theme-bg-secondary: #dfdfdf;
    --theme-bg-tertiary: #ffffff;
    --theme-text-primary: #000000;
    --theme-text-secondary: #404040;
    --theme-text-muted: #808080;
    --theme-accent: #000080;
    --theme-accent-hover: #0000a0;
    --theme-border: #808080;
    --theme-border-focus: #000080;
    --theme-shadow: inset -1px -1px #0a0a0a, inset 1px 1px #ffffff;
    --theme-shadow-lg: inset -2px -2px #0a0a0a, inset 2px 2px #ffffff;
    --theme-radius: 0;
    --theme-radius-lg: 0;
    --theme-font-family: 'Tahoma', 'MS Sans Serif', 'Arial', sans-serif;
    --theme-font-mono: 'Fixedsys', 'Courier New', monospace;
    --theme-transition: 0ms;
}

/* Windows XP Theme - Era VI (1990-2010) Digital Era */
.theme-winxp {
    --theme-bg-primary: #ece9d8;
    --theme-bg-secondary: #d4d0c8;
    --theme-bg-tertiary: #ffffff;
    --theme-text-primary: #000000;
    --theme-text-secondary: #404040;
    --theme-text-muted: #808080;
    --theme-accent: #003399;
    --theme-accent-hover: #0055cc;
    --theme-border: #7f9db9;
    --theme-border-focus: #003399;
    --theme-shadow: 0 1px 2px rgba(0,0,0,0.2);
    --theme-shadow-lg: 0 2px 4px rgba(0,0,0,0.3);
    --theme-radius: 3px;
    --theme-radius-lg: 5px;
    --theme-font-family: 'Tahoma', 'Segoe UI', 'Arial', sans-serif;
    --theme-font-mono: 'Lucida Console', 'Courier New', monospace;
    --theme-transition: 100ms ease;
}

/* Windows 7 Theme - Era VI (1990-2010) Digital Era */
.theme-win7 {
    --theme-bg-primary: #f0f0f0;
    --theme-bg-secondary: #e5e5e5;
    --theme-bg-tertiary: #ffffff;
    --theme-text-primary: #000000;
    --theme-text-secondary: #333333;
    --theme-text-muted: #666666;
    --theme-accent: #4a90d9;
    --theme-accent-hover: #5da5e8;
    --theme-border: #acacac;
    --theme-border-focus: #4a90d9;
    --theme-shadow: 0 1px 3px rgba(0,0,0,0.15);
    --theme-shadow-lg: 0 4px 8px rgba(0,0,0,0.2);
    --theme-radius: 3px;
    --theme-radius-lg: 5px;
    --theme-font-family: 'Segoe UI', 'Tahoma', 'Arial', sans-serif;
    --theme-font-mono: 'Consolas', 'Lucida Console', monospace;
    --theme-transition: 150ms ease;
}

/* NES Theme - For Operations Gaming */
.theme-nes {
    --theme-bg-primary: #212529;
    --theme-bg-secondary: #343a40;
    --theme-bg-tertiary: #495057;
    --theme-text-primary: #ffffff;
    --theme-text-secondary: #adb5bd;
    --theme-text-muted: #6c757d;
    --theme-accent: #92cc41;
    --theme-accent-hover: #76c442;
    --theme-border: #000000;
    --theme-border-focus: #92cc41;
    --theme-shadow: 4px 4px 0px #000000;
    --theme-shadow-lg: 8px 8px 0px #000000;
    --theme-radius: 0;
    --theme-radius-lg: 0;
    --theme-font-family: 'Press Start 2P', cursive;
    --theme-font-mono: 'Press Start 2P', cursive;
    --theme-transition: 0ms;
}

/* Dark mode variants for themes that support it */
@media (prefers-color-scheme: dark) {
    :root:not([data-theme]) {
        --theme-bg-primary: #1f2937;
        --theme-bg-secondary: #374151;
        --theme-bg-tertiary: #4b5563;
        --theme-text-primary: #f9fafb;
        --theme-text-secondary: #d1d5db;
        --theme-text-muted: #9ca3af;
        --theme-border: #4b5563;
    }
}