/* theme.css */
/* Correlation Matrix Explainer - 10 NEW Dynamic Themes */

:root[data-theme="sapphire-elegance"] {
    --bg-gradient: linear-gradient(135deg, #f0f4f8 0%, #e1e8f0 100%);
    --ink: #102a43;
    --muted: #486581;
    --primary: #0b559f;
    --primary-2: #06376b;
    --accent: #d97706;
    --accent-2: #f59e0b;
    --card: rgba(255, 255, 255, 0.95);
    --line: rgba(16, 42, 67, 0.15);
}

:root[data-theme="ruby-dark"] {
    --bg-gradient: linear-gradient(135deg, #1a1014 0%, #0d080a 100%);
    --ink: #fce7f3;
    --muted: #9ca3af;
    --primary: #e11d48;
    --primary-2: #9f1239;
    --accent: #10b981;
    --accent-2: #34d399;
    --card: rgba(30, 20, 25, 0.95);
    --line: rgba(252, 231, 243, 0.15);
}

:root[data-theme="lavender-breeze"] {
    --bg-gradient: linear-gradient(135deg, #faf5ff 0%, #f3e8ff 100%);
    --ink: #2e1065;
    --muted: #5b21b6;
    --primary: #7e22ce;
    --primary-2: #581c87;
    --accent: #059669;
    --accent-2: #10b981;
    --card: rgba(255, 255, 255, 0.95);
    --line: rgba(126, 34, 206, 0.15);
}

:root[data-theme="mocha-classic"] {
    --bg-gradient: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
    --ink: #451a03;
    --muted: #78350f;
    --primary: #92400e;
    --primary-2: #713f12;
    --accent: #2563eb;
    --accent-2: #3b82f6;
    --card: rgba(255, 255, 255, 0.95);
    --line: rgba(146, 64, 14, 0.15);
}

:root[data-theme="neon-cyber"] {
    --bg-gradient: linear-gradient(135deg, #0f172a 0%, #020617 100%);
    --ink: #f8fafc;
    --muted: #94a3b8;
    --primary: #22c55e;
    --primary-2: #16a34a;
    --accent: #ec4899;
    --accent-2: #f472b6;
    --card: rgba(15, 23, 42, 0.95);
    --line: rgba(248, 250, 252, 0.15);
}

:root[data-theme="golden-sunshine"] {
    --bg-gradient: linear-gradient(135deg, #fffbeb 0%, #fef08a 100%);
    --ink: #713f12;
    --muted: #854d0e;
    --primary: #ca8a04;
    --primary-2: #a16207;
    --accent: #0284c7;
    --accent-2: #0ea5e9;
    --card: rgba(255, 255, 255, 0.95);
    --line: rgba(202, 138, 4, 0.2);
}

:root[data-theme="mint-fresh"] {
    --bg-gradient: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
    --ink: #064e3b;
    --muted: #065f46;
    --primary: #059669;
    --primary-2: #047857;
    --accent: #ea580c;
    --accent-2: #f97316;
    --card: rgba(255, 255, 255, 0.95);
    --line: rgba(5, 150, 105, 0.15);
}

:root[data-theme="royal-velvet"] {
    --bg-gradient: linear-gradient(135deg, #18181b 0%, #09090b 100%);
    --ink: #e4e4e7;
    --muted: #a1a1aa;
    --primary: #b0005a;
    --primary-2: #830043;
    --accent: #eab308;
    --accent-2: #fde047;
    --card: rgba(24, 24, 27, 0.95);
    --line: rgba(228, 228, 231, 0.15);
}

:root[data-theme="graphite-mono"] {
    --bg-gradient: linear-gradient(135deg, #f4f4f5 0%, #e4e4e7 100%);
    --ink: #000000;
    --muted: #52525b;
    --primary: #27272a;
    --primary-2: #000000;
    --accent: #52525b;
    --accent-2: #71717a;
    --card: rgba(255, 255, 255, 1);
    --line: rgba(0, 0, 0, 0.2);
}

:root[data-theme="cherry-blossom"] {
    --bg-gradient: linear-gradient(135deg, #fdf2f8 0%, #fce7f3 100%);
    --ink: #831843;
    --muted: #9d174d;
    --primary: #db2777;
    --primary-2: #be185d;
    --accent: #4f46e5;
    --accent-2: #6366f1;
    --card: rgba(255, 255, 255, 0.95);
    --line: rgba(219, 39, 119, 0.15);
}/* theme.css */
/* Correlation Matrix Explainer - 10 NEW Dynamic Themes */

:root[data-theme="sapphire-elegance"] {
    --bg-gradient: linear-gradient(135deg, #f0f4f8 0%, #e1e8f0 100%);
    --ink: #102a43;
    --muted: #486581;
    --primary: #0b559f;
    --primary-2: #06376b;
    --accent: #d97706;
    --accent-2: #f59e0b;
    --card: rgba(255, 255, 255, 0.95);
    --line: rgba(16, 42, 67, 0.15);
}

:root[data-theme="ruby-dark"] {
    --bg-gradient: linear-gradient(135deg, #1a1014 0%, #0d080a 100%);
    --ink: #fce7f3;
    --muted: #9ca3af;
    --primary: #e11d48;
    --primary-2: #9f1239;
    --accent: #10b981;
    --accent-2: #34d399;
    --card: rgba(30, 20, 25, 0.95);
    --line: rgba(252, 231, 243, 0.15);
}

:root[data-theme="lavender-breeze"] {
    --bg-gradient: linear-gradient(135deg, #faf5ff 0%, #f3e8ff 100%);
    --ink: #2e1065;
    --muted: #5b21b6;
    --primary: #7e22ce;
    --primary-2: #581c87;
    --accent: #059669;
    --accent-2: #10b981;
    --card: rgba(255, 255, 255, 0.95);
    --line: rgba(126, 34, 206, 0.15);
}

:root[data-theme="mocha-classic"] {
    --bg-gradient: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
    --ink: #451a03;
    --muted: #78350f;
    --primary: #92400e;
    --primary-2: #713f12;
    --accent: #2563eb;
    --accent-2: #3b82f6;
    --card: rgba(255, 255, 255, 0.95);
    --line: rgba(146, 64, 14, 0.15);
}

:root[data-theme="neon-cyber"] {
    --bg-gradient: linear-gradient(135deg, #0f172a 0%, #020617 100%);
    --ink: #f8fafc;
    --muted: #94a3b8;
    --primary: #22c55e;
    --primary-2: #16a34a;
    --accent: #ec4899;
    --accent-2: #f472b6;
    --card: rgba(15, 23, 42, 0.95);
    --line: rgba(248, 250, 252, 0.15);
}

:root[data-theme="golden-sunshine"] {
    --bg-gradient: linear-gradient(135deg, #fffbeb 0%, #fef08a 100%);
    --ink: #713f12;
    --muted: #854d0e;
    --primary: #ca8a04;
    --primary-2: #a16207;
    --accent: #0284c7;
    --accent-2: #0ea5e9;
    --card: rgba(255, 255, 255, 0.95);
    --line: rgba(202, 138, 4, 0.2);
}

:root[data-theme="mint-fresh"] {
    --bg-gradient: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
    --ink: #064e3b;
    --muted: #065f46;
    --primary: #059669;
    --primary-2: #047857;
    --accent: #ea580c;
    --accent-2: #f97316;
    --card: rgba(255, 255, 255, 0.95);
    --line: rgba(5, 150, 105, 0.15);
}

:root[data-theme="royal-velvet"] {
    --bg-gradient: linear-gradient(135deg, #18181b 0%, #09090b 100%);
    --ink: #e4e4e7;
    --muted: #a1a1aa;
    --primary: #b0005a;
    --primary-2: #830043;
    --accent: #eab308;
    --accent-2: #fde047;
    --card: rgba(24, 24, 27, 0.95);
    --line: rgba(228, 228, 231, 0.15);
}

:root[data-theme="graphite-mono"] {
    --bg-gradient: linear-gradient(135deg, #f4f4f5 0%, #e4e4e7 100%);
    --ink: #000000;
    --muted: #52525b;
    --primary: #27272a;
    --primary-2: #000000;
    --accent: #52525b;
    --accent-2: #71717a;
    --card: rgba(255, 255, 255, 1);
    --line: rgba(0, 0, 0, 0.2);
}

:root[data-theme="cherry-blossom"] {
    --bg-gradient: linear-gradient(135deg, #fdf2f8 0%, #fce7f3 100%);
    --ink: #831843;
    --muted: #9d174d;
    --primary: #db2777;
    --primary-2: #be185d;
    --accent: #4f46e5;
    --accent-2: #6366f1;
    --card: rgba(255, 255, 255, 0.95);
    --line: rgba(219, 39, 119, 0.15);
}