/* Era-Based Theme System CSS Custom Properties
   ADR-0119: Era-Based Theme System with Retro Windows UI

   Theme classes override the global Design Options variables.
   This allows standard Tailwind classes (bg-surface-primary, etc.) to adapt automatically.
*/

:root {
    /* Base theme is defined in design-tokens.css */
}

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

/* Gilded Age Theme - Era II (1875-1920) Golden Age */
.theme-gilded {
    --surface-primary: #1a1a1a;
    --surface-secondary: #2d2d2d;
    --surface-tertiary: #3d3d3d;
    --text-primary: #d4af37;
    --text-secondary: #c9a227;
    --text-muted: #a08020;
    --color-primary-500: #ffd700;
    --color-primary-600: #ffed4a;
    --border-primary: #d4af37;
    --border-focus: #ffd700;
    --font-sans: 'Cinzel', 'Times New Roman', serif;
    --font-mono: 'Courier New', Courier, monospace;
    --radius-md: 0px;
    --radius-lg: 2px;
}

/* Art Deco Theme - Era III (1920-1950) Steam Classic */
.theme-artdeco {
    --surface-primary: #1a1a2e;
    --surface-secondary: #16213e;
    --surface-tertiary: #0f3460;
    --text-primary: #e8d5b7;
    --text-secondary: #c9b896;
    --text-muted: #a89878;
    --color-primary-500: #d4af37;
    --color-primary-600: #e8c547;
    --border-primary: #d4af37;
    --border-focus: #ffd700;
    --font-sans: 'Poiret One', 'Didot', 'Georgia', serif;
    --font-mono: 'Courier New', Courier, monospace;
    --radius-md: 0px;
    --radius-lg: 0px;
}

/* Mid-Century Modern Theme - Era IV (1950-1970) Diesel Transition */
.theme-midcentury {
    --surface-primary: #f5f0e6;
    --surface-secondary: #e8e0d0;
    --surface-tertiary: #d4cbb8;
    --text-primary: #2d3436;
    --text-secondary: #636e72;
    --text-muted: #95a5a6;
    --color-primary-500: #e17055;
    --color-primary-600: #d35400;
    --border-primary: #b2bec3;
    --border-focus: #e17055;
    --font-sans: 'Futura', 'Century Gothic', 'Arial', sans-serif;
    --font-mono: 'Courier New', Courier, monospace;
    --radius-md: 0px;
    --radius-lg: 4px;
}

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

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

/* Windows XP Theme - Era VI (1990-2010) Digital Era */
.theme-winxp {
    --surface-primary: #ece9d8;
    --surface-secondary: #d4d0c8;
    --surface-tertiary: #ffffff;
    --text-primary: #000000;
    --text-secondary: #404040;
    --text-muted: #808080;
    --color-primary-500: #003399;
    --color-primary-600: #0055cc;
    --border-primary: #7f9db9;
    --border-focus: #003399;
    --font-sans: 'Tahoma', 'Segoe UI', 'Arial', sans-serif;
    --font-mono: 'Lucida Console', 'Courier New', monospace;
    --radius-md: 3px;
    --radius-lg: 5px;
}

/* Windows 7 Theme - Era VI (1990-2010) Digital Era */
.theme-win7 {
    --surface-primary: #f0f0f0;
    --surface-secondary: #e5e5e5;
    --surface-tertiary: #ffffff;
    --text-primary: #000000;
    --text-secondary: #333333;
    --text-muted: #666666;
    --color-primary-500: #4a90d9;
    --color-primary-600: #5da5e8;
    --border-primary: #acacac;
    --border-focus: #4a90d9;
    --font-sans: 'Segoe UI', 'Tahoma', 'Arial', sans-serif;
    --font-mono: 'Consolas', 'Lucida Console', monospace;
    --radius-md: 3px;
    --radius-lg: 5px;
}

/* NES Theme - For Operations Gaming */
.theme-nes {
    --surface-primary: #212529;
    --surface-secondary: #343a40;
    --surface-tertiary: #495057;
    --text-primary: #ffffff;
    --text-secondary: #adb5bd;
    --text-muted: #6c757d;
    --color-primary-500: #92cc41;
    --color-primary-600: #76c442;
    --border-primary: #000000;
    --border-focus: #92cc41;
    --font-sans: 'Press Start 2P', cursive;
    --font-mono: 'Press Start 2P', cursive;
    --radius-md: 0px;
    --radius-lg: 0px;
    --shadow-md: 4px 4px 0px #000000;
}