/* ============================================================
   PDF Editor — Theme Definitions (themes.css)
   12 themes: 7 dark + 3 light + 2 special
   Each theme overrides the CSS custom properties from variables.css
   ============================================================ */

/* ── Theme 2: Ocean Depths ──────────────────────────────── */
[data-theme="ocean-depths"] {
    --bg-primary: #070f1e;
    --bg-secondary: #0c1829;
    --bg-tertiary: #112238;
    --bg-elevated: #152a42;

    --glass-bg: rgba(14, 165, 233, 0.04);
    --glass-bg-hover: rgba(14, 165, 233, 0.08);
    --glass-border: rgba(14, 165, 233, 0.08);
    --glass-border-hover: rgba(14, 165, 233, 0.16);

    --accent-primary: #0ea5e9;
    --accent-secondary: #38bdf8;
    --accent-tertiary: #7dd3fc;
    --accent-gradient: linear-gradient(135deg, #0284c7 0%, #0ea5e9 50%, #38bdf8 100%);
    --accent-glow: rgba(14, 165, 233, 0.3);
    --accent-soft: rgba(14, 165, 233, 0.1);

    --text-primary: #e8f4fd;
    --text-secondary: #7fb5d4;
    --text-tertiary: #4a8aaf;

    --divider: rgba(14, 165, 233, 0.06);
    --scrollbar-thumb: rgba(14, 165, 233, 0.1);
    --theme-mode: dark;
}

/* ── Theme 3: Forest Night ──────────────────────────────── */
[data-theme="forest-night"] {
    --bg-primary: #060f0c;
    --bg-secondary: #0c1a15;
    --bg-tertiary: #12261f;
    --bg-elevated: #183028;

    --glass-bg: rgba(16, 185, 129, 0.04);
    --glass-bg-hover: rgba(16, 185, 129, 0.07);
    --glass-border: rgba(16, 185, 129, 0.08);
    --glass-border-hover: rgba(16, 185, 129, 0.15);

    --accent-primary: #10b981;
    --accent-secondary: #34d399;
    --accent-tertiary: #6ee7b7;
    --accent-gradient: linear-gradient(135deg, #059669 0%, #10b981 50%, #34d399 100%);
    --accent-glow: rgba(16, 185, 129, 0.3);
    --accent-soft: rgba(16, 185, 129, 0.1);

    --text-primary: #e8f5f0;
    --text-secondary: #7dbda8;
    --text-tertiary: #4d9480;

    --divider: rgba(16, 185, 129, 0.06);
    --scrollbar-thumb: rgba(16, 185, 129, 0.1);
    --theme-mode: dark;
}

/* ── Theme 4: Sunset Blaze ──────────────────────────────── */
[data-theme="sunset-blaze"] {
    --bg-primary: #110907;
    --bg-secondary: #1c100c;
    --bg-tertiary: #281812;
    --bg-elevated: #321e18;

    --glass-bg: rgba(249, 115, 22, 0.04);
    --glass-bg-hover: rgba(249, 115, 22, 0.08);
    --glass-border: rgba(249, 115, 22, 0.08);
    --glass-border-hover: rgba(249, 115, 22, 0.16);

    --accent-primary: #f97316;
    --accent-secondary: #fb923c;
    --accent-tertiary: #fdba74;
    --accent-gradient: linear-gradient(135deg, #ea580c 0%, #f97316 50%, #fb923c 100%);
    --accent-glow: rgba(249, 115, 22, 0.3);
    --accent-soft: rgba(249, 115, 22, 0.1);

    --text-primary: #fef3e8;
    --text-secondary: #d4a37a;
    --text-tertiary: #a8785a;

    --divider: rgba(249, 115, 22, 0.06);
    --scrollbar-thumb: rgba(249, 115, 22, 0.1);
    --theme-mode: dark;
}

/* ── Theme 5: Rose Garden ───────────────────────────────── */
[data-theme="rose-garden"] {
    --bg-primary: #0f070e;
    --bg-secondary: #1a0c18;
    --bg-tertiary: #261224;
    --bg-elevated: #30182e;

    --glass-bg: rgba(236, 72, 153, 0.04);
    --glass-bg-hover: rgba(236, 72, 153, 0.08);
    --glass-border: rgba(236, 72, 153, 0.08);
    --glass-border-hover: rgba(236, 72, 153, 0.15);

    --accent-primary: #ec4899;
    --accent-secondary: #f472b6;
    --accent-tertiary: #f9a8d4;
    --accent-gradient: linear-gradient(135deg, #db2777 0%, #ec4899 50%, #f472b6 100%);
    --accent-glow: rgba(236, 72, 153, 0.3);
    --accent-soft: rgba(236, 72, 153, 0.1);

    --text-primary: #fdf0f5;
    --text-secondary: #cf8ea8;
    --text-tertiary: #a0657e;

    --divider: rgba(236, 72, 153, 0.06);
    --scrollbar-thumb: rgba(236, 72, 153, 0.1);
    --theme-mode: dark;
}

/* ── Theme 6: Arctic Snow (LIGHT) ───────────────────────── */
[data-theme="arctic-snow"] {
    --bg-primary: #f8fafc;
    --bg-secondary: #f1f5f9;
    --bg-tertiary: #e2e8f0;
    --bg-elevated: #ffffff;

    --glass-bg: rgba(0, 0, 0, 0.025);
    --glass-bg-hover: rgba(0, 0, 0, 0.05);
    --glass-border: rgba(0, 0, 0, 0.06);
    --glass-border-hover: rgba(0, 0, 0, 0.12);
    --glass-blur: 16px;
    --glass-saturate: 120%;

    --accent-primary: #3b82f6;
    --accent-secondary: #2563eb;
    --accent-tertiary: #1d4ed8;
    --accent-gradient: linear-gradient(135deg, #3b82f6 0%, #2563eb 50%, #1d4ed8 100%);
    --accent-glow: rgba(59, 130, 246, 0.2);
    --accent-soft: rgba(59, 130, 246, 0.08);

    --text-primary: #0f172a;
    --text-secondary: #475569;
    --text-tertiary: #94a3b8;
    --text-inverse: #f8fafc;

    --success-bg: rgba(16, 185, 129, 0.08);
    --warning-bg: rgba(245, 158, 11, 0.08);
    --danger-bg: rgba(239, 68, 68, 0.08);
    --info-bg: rgba(14, 165, 233, 0.08);

    --divider: rgba(0, 0, 0, 0.06);
    --scrollbar-track: rgba(0, 0, 0, 0.02);
    --scrollbar-thumb: rgba(0, 0, 0, 0.1);

    --shadow-sm: 0 1px 3px rgba(0,0,0,0.06);
    --shadow-md: 0 4px 12px rgba(0,0,0,0.06);
    --shadow-lg: 0 8px 24px rgba(0,0,0,0.08);
    --shadow-xl: 0 16px 48px rgba(0,0,0,0.1);

    --theme-mode: light;
    --noise-opacity: 0.012;
    --mesh-opacity: 0.3;

    --cat-organize-bg: rgba(245, 158, 11, 0.08);
    --cat-convert-bg: rgba(99, 102, 241, 0.08);
    --cat-edit-bg: rgba(139, 92, 246, 0.08);
    --cat-optimize-bg: rgba(16, 185, 129, 0.08);
    --cat-security-bg: rgba(239, 68, 68, 0.08);
    --cat-scan-bg: rgba(14, 165, 233, 0.08);
}

/* ── Theme 7: Lavender Mist (LIGHT) ─────────────────────── */
[data-theme="lavender-mist"] {
    --bg-primary: #f5f0ff;
    --bg-secondary: #ede5ff;
    --bg-tertiary: #ddd4f0;
    --bg-elevated: #ffffff;

    --glass-bg: rgba(139, 92, 246, 0.03);
    --glass-bg-hover: rgba(139, 92, 246, 0.06);
    --glass-border: rgba(139, 92, 246, 0.08);
    --glass-border-hover: rgba(139, 92, 246, 0.14);

    --accent-primary: #8b5cf6;
    --accent-secondary: #7c3aed;
    --accent-tertiary: #6d28d9;
    --accent-gradient: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 50%, #6d28d9 100%);
    --accent-glow: rgba(139, 92, 246, 0.2);
    --accent-soft: rgba(139, 92, 246, 0.08);

    --text-primary: #1e1235;
    --text-secondary: #5b4a76;
    --text-tertiary: #9988b0;
    --text-inverse: #f5f0ff;

    --divider: rgba(139, 92, 246, 0.06);
    --scrollbar-thumb: rgba(139, 92, 246, 0.1);

    --shadow-sm: 0 1px 3px rgba(100,60,180,0.04);
    --shadow-md: 0 4px 12px rgba(100,60,180,0.06);
    --shadow-lg: 0 8px 24px rgba(100,60,180,0.08);

    --theme-mode: light;
    --noise-opacity: 0.01;
    --mesh-opacity: 0.25;

    --cat-organize-bg: rgba(245, 158, 11, 0.08);
    --cat-convert-bg: rgba(99, 102, 241, 0.08);
    --cat-edit-bg: rgba(139, 92, 246, 0.08);
    --cat-optimize-bg: rgba(16, 185, 129, 0.08);
    --cat-security-bg: rgba(239, 68, 68, 0.08);
    --cat-scan-bg: rgba(14, 165, 233, 0.08);
}

/* ── Theme 8: Warm Sand (LIGHT) ─────────────────────────── */
[data-theme="warm-sand"] {
    --bg-primary: #faf7f2;
    --bg-secondary: #f3ede4;
    --bg-tertiary: #e8dfd2;
    --bg-elevated: #ffffff;

    --glass-bg: rgba(180, 130, 50, 0.03);
    --glass-bg-hover: rgba(180, 130, 50, 0.06);
    --glass-border: rgba(180, 130, 50, 0.08);
    --glass-border-hover: rgba(180, 130, 50, 0.14);

    --accent-primary: #d97706;
    --accent-secondary: #b45309;
    --accent-tertiary: #92400e;
    --accent-gradient: linear-gradient(135deg, #f59e0b 0%, #d97706 50%, #b45309 100%);
    --accent-glow: rgba(217, 119, 6, 0.2);
    --accent-soft: rgba(217, 119, 6, 0.08);

    --text-primary: #1c1408;
    --text-secondary: #6b5c42;
    --text-tertiary: #a09478;
    --text-inverse: #faf7f2;

    --divider: rgba(180, 130, 50, 0.08);
    --scrollbar-thumb: rgba(180, 130, 50, 0.12);

    --shadow-sm: 0 1px 3px rgba(100,80,40,0.05);
    --shadow-md: 0 4px 12px rgba(100,80,40,0.06);
    --shadow-lg: 0 8px 24px rgba(100,80,40,0.08);

    --theme-mode: light;
    --noise-opacity: 0.015;
    --mesh-opacity: 0.25;

    --cat-organize-bg: rgba(245, 158, 11, 0.1);
    --cat-convert-bg: rgba(99, 102, 241, 0.08);
    --cat-edit-bg: rgba(139, 92, 246, 0.08);
    --cat-optimize-bg: rgba(16, 185, 129, 0.08);
    --cat-security-bg: rgba(239, 68, 68, 0.08);
    --cat-scan-bg: rgba(14, 165, 233, 0.08);
}

/* ── Theme 9: Cyberpunk Neon ────────────────────────────── */
[data-theme="cyberpunk-neon"] {
    --bg-primary: #0a000f;
    --bg-secondary: #12001c;
    --bg-tertiary: #1c002e;
    --bg-elevated: #24003a;

    --glass-bg: rgba(225, 29, 72, 0.05);
    --glass-bg-hover: rgba(225, 29, 72, 0.1);
    --glass-border: rgba(225, 29, 72, 0.1);
    --glass-border-hover: rgba(225, 29, 72, 0.2);

    --accent-primary: #e11d48;
    --accent-secondary: #f43f5e;
    --accent-tertiary: #fb7185;
    --accent-gradient: linear-gradient(135deg, #be123c 0%, #e11d48 40%, #f43f5e 70%, #06b6d4 100%);
    --accent-glow: rgba(225, 29, 72, 0.4);
    --accent-soft: rgba(225, 29, 72, 0.12);

    --text-primary: #fdf0f3;
    --text-secondary: #d480a0;
    --text-tertiary: #8a4060;

    --divider: rgba(225, 29, 72, 0.08);
    --scrollbar-thumb: rgba(225, 29, 72, 0.12);
    --theme-mode: dark;
    --noise-opacity: 0.04;
}

/* ── Theme 10: Golden Luxury ────────────────────────────── */
[data-theme="golden-luxury"] {
    --bg-primary: #0b0a06;
    --bg-secondary: #14120a;
    --bg-tertiary: #1e1b10;
    --bg-elevated: #282316;

    --glass-bg: rgba(234, 179, 8, 0.04);
    --glass-bg-hover: rgba(234, 179, 8, 0.08);
    --glass-border: rgba(234, 179, 8, 0.1);
    --glass-border-hover: rgba(234, 179, 8, 0.18);

    --accent-primary: #eab308;
    --accent-secondary: #facc15;
    --accent-tertiary: #fde047;
    --accent-gradient: linear-gradient(135deg, #ca8a04 0%, #eab308 50%, #facc15 100%);
    --accent-glow: rgba(234, 179, 8, 0.3);
    --accent-soft: rgba(234, 179, 8, 0.1);

    --text-primary: #fef9e7;
    --text-secondary: #c4a94d;
    --text-tertiary: #8a7630;

    --divider: rgba(234, 179, 8, 0.07);
    --scrollbar-thumb: rgba(234, 179, 8, 0.1);
    --theme-mode: dark;
}

/* ── Theme 11: Matrix Green ─────────────────────────────── */
[data-theme="matrix-green"] {
    --bg-primary: #000a00;
    --bg-secondary: #001200;
    --bg-tertiary: #001c00;
    --bg-elevated: #002600;

    --glass-bg: rgba(34, 197, 94, 0.03);
    --glass-bg-hover: rgba(34, 197, 94, 0.07);
    --glass-border: rgba(34, 197, 94, 0.08);
    --glass-border-hover: rgba(34, 197, 94, 0.15);

    --accent-primary: #22c55e;
    --accent-secondary: #4ade80;
    --accent-tertiary: #86efac;
    --accent-gradient: linear-gradient(135deg, #16a34a 0%, #22c55e 50%, #4ade80 100%);
    --accent-glow: rgba(34, 197, 94, 0.35);
    --accent-soft: rgba(34, 197, 94, 0.1);

    --text-primary: #dcfce7;
    --text-secondary: #66bb6a;
    --text-tertiary: #388e3c;

    --font-primary: 'JetBrains Mono', 'Cascadia Code', monospace;
    --divider: rgba(34, 197, 94, 0.06);
    --scrollbar-thumb: rgba(34, 197, 94, 0.1);
    --theme-mode: dark;
    --noise-opacity: 0.035;
}

/* ── Theme 12: Slate Professional ───────────────────────── */
[data-theme="slate-professional"] {
    --bg-primary: #0f172a;
    --bg-secondary: #1e293b;
    --bg-tertiary: #27384e;
    --bg-elevated: #334155;

    --glass-bg: rgba(255, 255, 255, 0.05);
    --glass-bg-hover: rgba(255, 255, 255, 0.08);
    --glass-border: rgba(255, 255, 255, 0.08);
    --glass-border-hover: rgba(255, 255, 255, 0.14);

    --accent-primary: #64748b;
    --accent-secondary: #94a3b8;
    --accent-tertiary: #cbd5e1;
    --accent-gradient: linear-gradient(135deg, #475569 0%, #64748b 50%, #94a3b8 100%);
    --accent-glow: rgba(100, 116, 139, 0.25);
    --accent-soft: rgba(100, 116, 139, 0.1);

    --text-primary: #f1f5f9;
    --text-secondary: #94a3b8;
    --text-tertiary: #64748b;

    --divider: rgba(255, 255, 255, 0.06);
    --scrollbar-thumb: rgba(255, 255, 255, 0.08);
    --theme-mode: dark;
}

/* ── Theme Transition ───────────────────────────────────── */
/* Smooth property transition when switching themes */
:root,
[data-theme] {
    transition:
        background-color var(--duration-slow) var(--ease-out-expo),
        color var(--duration-slow) var(--ease-out-expo),
        border-color var(--duration-normal) var(--ease-out-expo),
        box-shadow var(--duration-normal) var(--ease-out-expo);
}