/* ============================================
   Fairway Labs - Color Theme Variables
   8 Themes + Default
   ============================================ */

/* ----- Theme 0: Default (Current) ----- */
[data-theme="default"] {
    --color-primary: #1a2332;
    --color-secondary: #2d7a4f;
    --color-accent: #f39c12;
    --color-text: #2c3e50;
    --color-text-light: #7f8c8d;
    --color-bg: #ffffff;
    --color-bg-light: #f8f9fa;
    --color-bg-dark: #1a2332;
    --color-border: #e0e0e0;
}

/* ----- Theme 1: Clean White (クリーンホワイト) ----- */
[data-theme="clean-white"] {
    --color-primary: #2c3e50;
    --color-secondary: #3498db;
    --color-accent: #1abc9c;
    --color-text: #2c3e50;
    --color-text-light: #95a5a6;
    --color-bg: #ffffff;
    --color-bg-light: #f8f9fa;
    --color-bg-dark: #2c3e50;
    --color-border: #ecf0f1;
}

/* ----- Theme 2: Modern Black (モダンブラック) ----- */
[data-theme="modern-black"] {
    --color-primary: #ffffff;
    --color-secondary: #00d9ff;
    --color-accent: #ff6b6b;
    --color-text: #ffffff;
    --color-text-light: #a0a0a0;
    --color-bg: #0a0a0a;
    --color-bg-light: #1a1a1a;
    --color-bg-dark: #000000;
    --color-border: #2a2a2a;
}

/* ----- Theme 3: Colorful Playful (カラフル) ----- */
[data-theme="colorful"] {
    --color-primary: #6a0dad;
    --color-secondary: #ff6f61;
    --color-accent: #ffd700;
    --color-sub-1: #4ecdc4;
    --color-sub-2: #ff8c42;
    --color-text: #2c3e50;
    --color-text-light: #7f8c8d;
    --color-bg: #ffffff;
    --color-bg-light: #f8f9fa;
    --color-bg-dark: #6a0dad;
    --color-border: #e0e0e0;
}

/* ----- Theme 4: Natural Green (ナチュラルグリーン) ----- */
[data-theme="natural-green"] {
    --color-primary: #2d5016;
    --color-secondary: #6ab04c;
    --color-accent: #f9ca24;
    --color-text: #2c3e50;
    --color-text-light: #7f8c8d;
    --color-bg: #ffffff;
    --color-bg-light: #f1f8f4;
    --color-bg-dark: #2d5016;
    --color-border: #d5e8dd;
}

/* ----- Theme 5: Gradient Tech (グラデーション) ----- */
[data-theme="gradient-tech"] {
    --color-primary: #667eea;
    --color-secondary: #764ba2;
    --color-accent: #f093fb;
    --color-text: #2c3e50;
    --color-text-light: #7f8c8d;
    --color-bg: #ffffff;
    --color-bg-light: #f8f9fa;
    --color-bg-dark: #667eea;
    --color-border: #e0e0e0;
}

/* ----- Theme 6: Scandinavian (スカンジナビアン) ----- */
[data-theme="scandinavian"] {
    --color-primary: #2e3440;
    --color-secondary: #88c0d0;
    --color-accent: #d08770;
    --color-sub: #a3be8c;
    --color-text: #2e3440;
    --color-text-light: #4c566a;
    --color-bg: #eceff4;
    --color-bg-light: #e5e9f0;
    --color-bg-dark: #2e3440;
    --color-border: #d8dee9;
}

/* ----- Theme 7: Dark Mode (ダークモード) ----- */
[data-theme="dark-mode"] {
    --color-primary: #ffffff;
    --color-secondary: #7c3aed;
    --color-accent: #10b981;
    --color-text: #f3f4f6;
    --color-text-light: #9ca3af;
    --color-bg: #111827;
    --color-bg-light: #1f2937;
    --color-bg-dark: #0a0a0a;
    --color-border: #374151;
}

/* ----- Root (Default Theme) ----- */
:root {
    --color-primary: #1a2332;
    --color-secondary: #2d7a4f;
    --color-accent: #f39c12;
    --color-text: #2c3e50;
    --color-text-light: #7f8c8d;
    --color-bg: #ffffff;
    --color-bg-light: #f8f9fa;
    --color-bg-dark: #1a2332;
    --color-border: #e0e0e0;
    
    /* Fonts */
    --font-primary: 'Noto Sans JP', sans-serif;
    --font-secondary: 'Inter', sans-serif;
    
    /* Spacing */
    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-md: 2rem;
    --spacing-lg: 4rem;
    --spacing-xl: 6rem;
    
    /* Transitions */
    --transition: all 0.3s ease;
}

/* ----- Theme Specific Adjustments ----- */

/* Modern Black - Background adjustments */
[data-theme="modern-black"] .hero {
    background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);
}

[data-theme="modern-black"] .header {
    background-color: rgba(10, 10, 10, 0.95);
    border-bottom-color: #2a2a2a;
}

[data-theme="modern-black"] .area-card {
    background-color: #1a1a1a;
}

/* Gradient Tech - Gradient backgrounds */
[data-theme="gradient-tech"] .hero {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

[data-theme="gradient-tech"] .hero-content {
    color: white;
}

[data-theme="gradient-tech"] .hero-title,
[data-theme="gradient-tech"] .hero-lead,
[data-theme="gradient-tech"] .tagline {
    color: white;
}

[data-theme="gradient-tech"] .status-badge {
    background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
}

/* Colorful - Multiple accent colors */
[data-theme="colorful"] .area-card:nth-child(1) {
    border-left: 4px solid var(--color-sub-1);
}

[data-theme="colorful"] .area-card:nth-child(2) {
    border-left: 4px solid var(--color-secondary);
}

[data-theme="colorful"] .area-card:nth-child(3) {
    border-left: 4px solid var(--color-sub-2);
}

/* Dark Mode - Background adjustments */
[data-theme="dark-mode"] .hero {
    background: linear-gradient(135deg, #111827 0%, #1f2937 100%);
}

[data-theme="dark-mode"] .header {
    background-color: rgba(17, 24, 39, 0.95);
    border-bottom-color: #374151;
}

[data-theme="dark-mode"] .area-card {
    background-color: #1f2937;
}

/* Scandinavian - Subtle tints */
[data-theme="scandinavian"] .hero {
    background: linear-gradient(135deg, #eceff4 0%, #e5e9f0 100%);
}