/**
 * Themes Library Implementation (The 65 Master Themes & Curated Showcase)
 * Supports:
 * 1. Obsidian Cobalt (Black + White + Deep Cobalt Blue)
 * 2. Espresso Amber (Roasted Dark Chocolate + Cream + Burnt Orange)
 * 3. Vintage Bordeaux (Royal Deep Burgundy + Antique Cream + Dusty Rose)
 * 4. Kombai Editorial & Motion (High-fashion editorial layout, Instrument Purple)
 * 5. AI-Native UI (Next-Gen Intelligent, Deep Onyx + Cyan Telemetry)
 * 6. Glassmorphism (Frosted glass blur, translucent cards, subtle rims)
 * 7. Classic Workspace (Linear + Atlassian Clean Light)
 * 8. Dark Luxury / Obsidian Pro
 */

/* 1. OBSIDIAN COBALT */
[data-theme="obsidian_cobalt"] {
  --color-bg-canvas: #05070e;
  --color-surface: #0d111e;
  --color-surface-subdued: #13192b;
  --color-surface-hover: #1a223a;
  --color-surface-selected: #0047ab;
  --color-text-primary: #ffffff;
  --color-text-secondary: #94a3b8;
  --color-text-muted: #64748b;
  --color-border-subtle: rgba(0, 71, 171, 0.25);
  --color-border-interactive: rgba(0, 71, 171, 0.45);
  --color-border-hover: #38bdf8;
  --color-border-focus: #0047ab;
  --color-action-primary: #0047ab;
  --color-action-primary-hover: #0056cc;
  --accent-cyan: #0047ab;
  --border-glass: rgba(0, 71, 171, 0.35);
}
[data-theme="obsidian_cobalt"] .glass-card,
[data-theme="obsidian_cobalt"] .panelupdtcard,
[data-theme="obsidian_cobalt"] .container-left-menu {
  background: #0d111e !important;
  border-color: rgba(0, 71, 171, 0.3) !important;
}

/* 2. ESPRESSO AMBER */
[data-theme="espresso_amber"] {
  --color-bg-canvas: #120a07;
  --color-surface: #1d120c;
  --color-surface-subdued: #291910;
  --color-surface-hover: #352116;
  --color-surface-selected: #cc5500;
  --color-text-primary: #fde8d0;
  --color-text-secondary: #d6b89c;
  --color-text-muted: #9c7b64;
  --color-border-subtle: rgba(204, 85, 0, 0.25);
  --color-border-interactive: rgba(204, 85, 0, 0.45);
  --color-border-hover: #f59e0b;
  --color-border-focus: #cc5500;
  --color-action-primary: #cc5500;
  --color-action-primary-hover: #e06105;
  --accent-cyan: #cc5500;
  --border-glass: rgba(204, 85, 0, 0.35);
}
[data-theme="espresso_amber"] .glass-card,
[data-theme="espresso_amber"] .panelupdtcard,
[data-theme="espresso_amber"] .container-left-menu {
  background: #1d120c !important;
  border-color: rgba(204, 85, 0, 0.3) !important;
}

/* 3. VINTAGE BORDEAUX */
[data-theme="vintage_bordeaux"] {
  --color-bg-canvas: #13060b;
  --color-surface: #1e0c13;
  --color-surface-subdued: #2d131e;
  --color-surface-hover: #3a1926;
  --color-surface-selected: #800020;
  --color-text-primary: #fae8ee;
  --color-text-secondary: #dcae96;
  --color-text-muted: #a37887;
  --color-border-subtle: rgba(220, 174, 150, 0.25);
  --color-border-interactive: rgba(220, 174, 150, 0.45);
  --color-border-hover: #f43f5e;
  --color-border-focus: #800020;
  --color-action-primary: #b33951;
  --color-action-primary-hover: #800020;
  --accent-cyan: #dcae96;
  --border-glass: rgba(220, 174, 150, 0.35);
}
[data-theme="vintage_bordeaux"] .glass-card,
[data-theme="vintage_bordeaux"] .panelupdtcard,
[data-theme="vintage_bordeaux"] .container-left-menu {
  background: #1e0c13 !important;
  border-color: rgba(220, 174, 150, 0.3) !important;
}

/* 4. KOMBAI EDITORIAL & MOTION */
[data-theme="kombai_editorial"] {
  --color-bg-canvas: #0b0813;
  --color-surface: #140f22;
  --color-surface-subdued: #1f1735;
  --color-surface-hover: #291e47;
  --color-surface-selected: #8b5cf6;
  --color-text-primary: #f3e8ff;
  --color-text-secondary: #c084fc;
  --color-text-muted: #866aab;
  --color-border-subtle: rgba(139, 92, 246, 0.25);
  --color-border-interactive: rgba(139, 92, 246, 0.45);
  --color-border-hover: #c084fc;
  --color-border-focus: #8b5cf6;
  --color-action-primary: #8b5cf6;
  --color-action-primary-hover: #7c3aed;
  --accent-cyan: #8b5cf6;
  --border-glass: rgba(139, 92, 246, 0.35);
}
[data-theme="kombai_editorial"] .glass-card,
[data-theme="kombai_editorial"] .panelupdtcard,
[data-theme="kombai_editorial"] .container-left-menu {
  background: #140f22 !important;
  border-color: rgba(139, 92, 246, 0.3) !important;
}

/* 5. AI-NATIVE UI (Next-Gen Intelligent) */
[data-theme="ai_native"] {
  --color-bg-canvas: #030712;
  --color-surface: #0b1120;
  --color-surface-subdued: #111c33;
  --color-surface-hover: #182847;
  --color-surface-selected: #06b6d4;
  --color-text-primary: #e0f2fe;
  --color-text-secondary: #38bdf8;
  --color-text-muted: #64748b;
  --color-border-subtle: rgba(6, 182, 212, 0.25);
  --color-border-interactive: rgba(6, 182, 212, 0.45);
  --color-border-hover: #38bdf8;
  --color-border-focus: #06b6d4;
  --color-action-primary: #06b6d4;
  --color-action-primary-hover: #0891b2;
  --accent-cyan: #06b6d4;
  --border-glass: rgba(6, 182, 212, 0.35);
}
[data-theme="ai_native"] .glass-card,
[data-theme="ai_native"] .panelupdtcard,
[data-theme="ai_native"] .container-left-menu {
  background: #0b1120 !important;
  border-color: rgba(6, 182, 212, 0.3) !important;
}

/* 6. GLASSMORPHISM */
[data-theme="glassmorphism"] {
  --color-bg-canvas: #070b14;
  --color-surface: rgba(255, 255, 255, 0.05);
  --color-surface-subdued: rgba(255, 255, 255, 0.08);
  --color-surface-hover: rgba(255, 255, 255, 0.12);
  --color-surface-selected: #38bdf8;
  --color-text-primary: #ffffff;
  --color-text-secondary: #94a3b8;
  --color-text-muted: #64748b;
  --color-border-subtle: rgba(255, 255, 255, 0.12);
  --color-border-interactive: rgba(255, 255, 255, 0.25);
  --color-border-hover: #38bdf8;
  --color-border-focus: #38bdf8;
  --color-action-primary: #38bdf8;
  --color-action-primary-hover: #0284c7;
  --accent-cyan: #38bdf8;
  --border-glass: rgba(255, 255, 255, 0.15);
}
[data-theme="glassmorphism"] .glass-card,
[data-theme="glassmorphism"] .panelupdtcard,
[data-theme="glassmorphism"] .container-left-menu {
  background: rgba(15, 23, 42, 0.8) !important;
  backdrop-filter: blur(16px) !important;
  border-color: rgba(255, 255, 255, 0.15) !important;
}

/* 7. DARK LUXURY */
[data-theme="dark_luxury"] {
  --color-bg-canvas: #090d16;
  --color-surface: #101626;
  --color-surface-subdued: #172036;
  --color-surface-hover: #1e2a47;
  --color-surface-selected: #1d4ed8;
  --color-text-primary: #f8fafc;
  --color-text-secondary: #94a3b8;
  --color-text-muted: #64748b;
  --color-border-subtle: rgba(255, 255, 255, 0.08);
  --color-border-interactive: rgba(255, 255, 255, 0.18);
  --color-border-hover: #38bdf8;
  --color-border-focus: #1d4ed8;
  --color-action-primary: #1d4ed8;
  --color-action-primary-hover: #2563eb;
  --accent-cyan: #38bdf8;
  --border-glass: rgba(255, 255, 255, 0.12);
}
[data-theme="dark_luxury"] .glass-card,
[data-theme="dark_luxury"] .panelupdtcard,
[data-theme="dark_luxury"] .container-left-menu {
  background: #101626 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

/* 8. CLASSIC WORKSPACE (DEFAULT CALM LIGHT) */
[data-theme="classic_workspace"] {
  --color-bg-canvas: #F7F8FA;
  --color-surface: #FFFFFF;
  --color-surface-subdued: #F1F3F7;
  --color-surface-hover: #F8F9FB;
  --color-surface-selected: #EFF6FF;
  --color-text-primary: #172033;
  --color-text-secondary: #586475;
  --color-text-muted: #64748B;
  --color-border-subtle: #E0E4EA;
  --color-border-interactive: #CBD5E1;
  --color-border-hover: #94A3B8;
  --color-border-focus: #1D4ED8;
  --color-action-primary: #1D4ED8;
  --color-action-primary-hover: #1E40AF;
  --accent-cyan: #1D4ED8;
  --border-glass: #E0E4EA;
}