/* ==========================================
   THEME DEFINITIONS (V5.0)
   ========================================== */

/* 1. MINIMALISM - The "SaaS" Look */
[data-theme="minimalism"] {
    --bg-color: #fcfcfc;
    --surface-color: #ffffff;
    --surface-hover: #f8fafc;
    --primary-color: #6366f1;
    /* Indigo */
    --accent-color: #94a3b8;
    --text-primary: #1e293b;
    --text-secondary: #64748b;
    --border-color: #e2e8f0;
    --border-radius: 8px;
    --shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);
    --header-bg: #ffffff;
    --header-text: #1e293b;
    --btn-radius: 100px;
    --font-heading: 'Outfit', sans-serif;
}

/* 2. FLAT DESIGN - The "Corporate" Look */
[data-theme="flat"] {
    --bg-color: #e5e7eb;
    --surface-color: #ffffff;
    --surface-hover: #f3f4f6;
    --primary-color: #2563eb;
    /* Corporate Blue */
    --accent-color: #6b7280;
    --text-primary: #111827;
    --text-secondary: #4b5563;
    --border-color: #d1d5db;
    --border-radius: 4px;
    --shadow: none;
    --header-bg: #1f2937;
    --header-text: #ffffff;
    --btn-radius: 4px;
    --font-heading: 'Inter', sans-serif;
}

/* 3. GLASSMORPHISM - The "Dashboard" Look */
[data-theme="glass"] {
    --bg-color: #0f172a;
    --surface-color: rgba(255, 255, 255, 0.05);
    --surface-hover: rgba(255, 255, 255, 0.1);
    --primary-color: #d946ef;
    /* Magenta */
    --accent-color: #818cf8;
    --text-primary: #f8fafc;
    --text-secondary: #94a3b8;
    --border-color: rgba(255, 255, 255, 0.1);
    --border-radius: 16px;
    --shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
    --header-bg: rgba(15, 23, 42, 0.8);
    --header-text: #ffffff;
    --btn-radius: 12px;
    --glass-blur: blur(12px);
    --font-heading: 'Outfit', sans-serif;
}

/* 4. Y2K/RETRO - The "Gen Z" Look */
[data-theme="y2k"] {
    --bg-color: #ff00ff;
    /* Hot Pink Base */
    --surface-color: #00ffff;
    /* Cyan Surfaces */
    --surface-hover: #ffff00;
    /* Yellow Hover */
    --primary-color: #000000;
    --accent-color: #ffffff;
    --text-primary: #000000;
    --text-secondary: #000000;
    --border-color: #000000;
    --border-radius: 20px;
    --shadow: 8px 8px 0px #000000;
    --header-bg: #ffff00;
    --header-text: #000000;
    --btn-radius: 30px;
    --font-heading: 'Space Grotesk', sans-serif;
}

/* 5. BRUTALISM (Legacy V4) */
[data-theme="brutalism"] {
    --bg-color: #ffffff;
    --surface-color: #ffffff;
    --surface-hover: #f0f0f0;
    --primary-color: #2ef04c;
    --accent-color: #ffff00;
    --text-primary: #000000;
    --text-secondary: #333333;
    --border-color: #000000;
    --border-radius: 0px;
    --shadow: 6px 6px 0px #000000;
    --header-bg: #2ef04c;
    --header-text: #000000;
    --btn-radius: 0px;
    --font-heading: 'Inter', sans-serif;
}

/* THEME SPECIFIC OVERRIDES */

/* Glassmorphism utility */
[data-theme="glass"] .block,
[data-theme="glass"] .sidebar-block,
[data-theme="glass"] .pose-card {
    backdrop-filter: var(--glass-blur);
    -webkit-backdrop-filter: var(--glass-blur);
}

/* Y2K font styling */
[data-theme="y2k"] .app-header h1 {
    font-style: italic;
    text-shadow: 3px 3px #fff;
}

/* Typography Hook */
body {
    transition: background-color 0.3s, color 0.3s;
}

h1,
h2,
strong {
    font-family: var(--font-heading);
}

.block,
.sidebar-block,
.pose-card {
    border-radius: var(--border-radius);
    box-shadow: var(--shadow);
    border: 2px solid var(--border-color);
}

button,
.attire-btn,
select,
textarea {
    border-radius: var(--btn-radius);
}