/* ==========================================================================
   20 TEMPLATE PUBLISHING THEMES - Media Digital Publikasi Indonesia
   ========================================================================== */

/* 1. MODERN ACADEMIC (Default) */
[data-theme="modern_academic"] {
  --primary: #1e3a8a;
  --primary-dark: #172554;
  --primary-light: #3b82f6;
  --accent: #0284c7;
  --accent-light: #e0f2fe;
  --bg-body: #f8fafc;
  --bg-surface: #ffffff;
  --bg-card: #ffffff;
  --text-main: #0f172a;
  --text-muted: #475569;
  --border-color: #e2e8f0;
  --nav-bg: #0f172a;
  --nav-text: #ffffff;
  --hero-bg: linear-gradient(135deg, #0f172a 0%, #1e3a8a 50%, #1e293b 100%);
  --badge-bg: #e0f2fe;
  --badge-text: #0369a1;
  --font-heading: 'Inter', system-ui, sans-serif;
  --font-body: 'Inter', system-ui, sans-serif;
  --card-shadow: 0 4px 6px -1px rgba(15, 23, 42, 0.08), 0 2px 4px -2px rgba(15, 23, 42, 0.05);
}

/* 2. OXFORD CRIMSON */
[data-theme="oxford_crimson"] {
  --primary: #881337;
  --primary-dark: #4c0519;
  --primary-light: #be123c;
  --accent: #b45309;
  --accent-light: #fef3c7;
  --bg-body: #fffbf7;
  --bg-surface: #ffffff;
  --bg-card: #ffffff;
  --text-main: #1c1917;
  --text-muted: #57534e;
  --border-color: #f5e6d3;
  --nav-bg: #4c0519;
  --nav-text: #ffffff;
  --hero-bg: linear-gradient(135deg, #4c0519 0%, #881337 60%, #292524 100%);
  --badge-bg: #ffe4e6;
  --badge-text: #9f1239;
  --font-heading: 'Cinzel', 'Times New Roman', serif;
  --font-body: 'Merriweather', Georgia, serif;
  --card-shadow: 0 4px 6px -1px rgba(76, 5, 25, 0.08);
}

/* 3. CAMBRIDGE CLASSIC */
[data-theme="cambridge_classic"] {
  --primary: #0f172a;
  --primary-dark: #020617;
  --primary-light: #1e293b;
  --accent: #d97706;
  --accent-light: #fef3c7;
  --bg-body: #fdfbf7;
  --bg-surface: #ffffff;
  --bg-card: #ffffff;
  --text-main: #0f172a;
  --text-muted: #475569;
  --border-color: #e2e8f0;
  --nav-bg: #0f172a;
  --nav-text: #f8fafc;
  --hero-bg: linear-gradient(135deg, #020617 0%, #0f172a 60%, #1e1b4b 100%);
  --badge-bg: #fef3c7;
  --badge-text: #92400e;
  --font-heading: 'Playfair Display', Georgia, serif;
  --font-body: 'Lora', serif;
  --card-shadow: 0 4px 12px rgba(15, 23, 42, 0.08);
}

/* 4. NATURE EMERALD */
[data-theme="nature_emerald"] {
  --primary: #064e3b;
  --primary-dark: #022c22;
  --primary-light: #047857;
  --accent: #059669;
  --accent-light: #d1fae5;
  --bg-body: #f0fdf4;
  --bg-surface: #ffffff;
  --bg-card: #ffffff;
  --text-main: #064e3b;
  --text-muted: #166534;
  --border-color: #bbf7d0;
  --nav-bg: #022c22;
  --nav-text: #f0fdf4;
  --hero-bg: linear-gradient(135deg, #022c22 0%, #064e3b 60%, #065f46 100%);
  --badge-bg: #dcfce7;
  --badge-text: #15803d;
  --font-heading: 'Source Sans Pro', sans-serif;
  --font-body: 'Source Sans Pro', sans-serif;
  --card-shadow: 0 4px 8px rgba(6, 78, 59, 0.08);
}

/* 5. ELSEVIER SAPPHIRE */
[data-theme="elsevier_sapphire"] {
  --primary: #0c4a6e;
  --primary-dark: #082f49;
  --primary-light: #0284c7;
  --accent: #0284c7;
  --accent-light: #e0f2fe;
  --bg-body: #f0f9ff;
  --bg-surface: #ffffff;
  --bg-card: #ffffff;
  --text-main: #082f49;
  --text-muted: #334155;
  --border-color: #bae6fd;
  --nav-bg: #082f49;
  --nav-text: #f0f9ff;
  --hero-bg: linear-gradient(135deg, #082f49 0%, #0c4a6e 60%, #0369a1 100%);
  --badge-bg: #e0f2fe;
  --badge-text: #0369a1;
  --font-heading: system-ui, -apple-system, sans-serif;
  --font-body: system-ui, -apple-system, sans-serif;
  --card-shadow: 0 4px 10px rgba(12, 74, 110, 0.08);
}

/* 6. SPRINGER HIGH-TECH */
[data-theme="springer_tech"] {
  --primary: #18181b;
  --primary-dark: #09090b;
  --primary-light: #27272a;
  --accent: #ea580c;
  --accent-light: #ffedd5;
  --bg-body: #fafafa;
  --bg-surface: #ffffff;
  --bg-card: #ffffff;
  --text-main: #18181b;
  --text-muted: #52525b;
  --border-color: #e4e4e7;
  --nav-bg: #09090b;
  --nav-text: #fafafa;
  --hero-bg: linear-gradient(135deg, #09090b 0%, #18181b 50%, #292524 100%);
  --badge-bg: #ffedd5;
  --badge-text: #c2410c;
  --font-heading: 'Roboto Mono', monospace, sans-serif;
  --font-body: 'Roboto', sans-serif;
  --card-shadow: 0 4px 6px rgba(24, 24, 27, 0.08);
}

/* 7. NORDIC MINIMALIST */
[data-theme="nordic_minimalist"] {
  --primary: #09090b;
  --primary-dark: #000000;
  --primary-light: #27272a;
  --accent: #71717a;
  --accent-light: #f4f4f5;
  --bg-body: #ffffff;
  --bg-surface: #ffffff;
  --bg-card: #fafafa;
  --text-main: #09090b;
  --text-muted: #71717a;
  --border-color: #e4e4e7;
  --nav-bg: #ffffff;
  --nav-text: #09090b;
  --hero-bg: linear-gradient(135deg, #f4f4f5 0%, #e4e4e7 100%);
  --badge-bg: #f4f4f5;
  --badge-text: #18181b;
  --font-heading: 'Plus Jakarta Sans', sans-serif;
  --font-body: 'Plus Jakarta Sans', sans-serif;
  --card-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

/* 8. TOKYO TECH CYBER */
[data-theme="tokyo_cyber"] {
  --primary: #06b6d4;
  --primary-dark: #0891b2;
  --primary-light: #22d3ee;
  --accent: #38bdf8;
  --accent-light: #164e63;
  --bg-body: #020617;
  --bg-surface: #0f172a;
  --bg-card: #1e293b;
  --text-main: #f8fafc;
  --text-muted: #94a3b8;
  --border-color: #334155;
  --nav-bg: #020617;
  --nav-text: #38bdf8;
  --hero-bg: linear-gradient(135deg, #020617 0%, #0f172a 50%, #083344 100%);
  --badge-bg: rgba(6, 182, 212, 0.15);
  --badge-text: #22d3ee;
  --font-heading: 'JetBrains Mono', monospace;
  --font-body: 'Inter', sans-serif;
  --card-shadow: 0 4px 20px rgba(6, 182, 212, 0.15);
}

/* 9. SWISS PURE TYPO */
[data-theme="swiss_pure"] {
  --primary: #000000;
  --primary-dark: #000000;
  --primary-light: #262626;
  --accent: #dc2626;
  --accent-light: #fee2e2;
  --bg-body: #ffffff;
  --bg-surface: #ffffff;
  --bg-card: #ffffff;
  --text-main: #000000;
  --text-muted: #525252;
  --border-color: #171717;
  --nav-bg: #000000;
  --nav-text: #ffffff;
  --hero-bg: #000000;
  --badge-bg: #fee2e2;
  --badge-text: #b91c1c;
  --font-heading: 'Helvetica Neue', Arial, sans-serif;
  --font-body: 'Helvetica Neue', Arial, sans-serif;
  --card-shadow: 4px 4px 0px #000000;
}

/* 10. ROYAL OBSIDIAN */
[data-theme="royal_obsidian"] {
  --primary: #f59e0b;
  --primary-dark: #b45309;
  --primary-light: #fbbf24;
  --accent: #d97706;
  --accent-light: #292524;
  --bg-body: #0a0a0a;
  --bg-surface: #141414;
  --bg-card: #171717;
  --text-main: #f3f4f6;
  --text-muted: #a3a3a3;
  --border-color: #262626;
  --nav-bg: #000000;
  --nav-text: #f59e0b;
  --hero-bg: linear-gradient(135deg, #000000 0%, #171717 60%, #1c1917 100%);
  --badge-bg: rgba(245, 158, 11, 0.15);
  --badge-text: #fbbf24;
  --font-heading: 'Outfit', sans-serif;
  --font-body: 'Outfit', sans-serif;
  --card-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
}

/* 11. HARVARD SLATE */
[data-theme="harvard_slate"] {
  --primary: #4c0519;
  --primary-dark: #2d000e;
  --primary-light: #881337;
  --accent: #475569;
  --accent-light: #f1f5f9;
  --bg-body: #fff7ed;
  --bg-surface: #ffffff;
  --bg-card: #ffffff;
  --text-main: #1e293b;
  --text-muted: #64748b;
  --border-color: #fed7aa;
  --nav-bg: #2d000e;
  --nav-text: #ffffff;
  --hero-bg: linear-gradient(135deg, #2d000e 0%, #4c0519 50%, #334155 100%);
  --badge-bg: #ffe4e6;
  --badge-text: #9f1239;
  --font-heading: 'Merriweather', Georgia, serif;
  --font-body: 'Merriweather', Georgia, serif;
  --card-shadow: 0 4px 6px rgba(76, 5, 25, 0.06);
}

/* 12. BIOMED TEAL */
[data-theme="biomed_teal"] {
  --primary: #134e4a;
  --primary-dark: #042f2e;
  --primary-light: #0d9488;
  --accent: #0d9488;
  --accent-light: #ccfbf1;
  --bg-body: #f0fdfa;
  --bg-surface: #ffffff;
  --bg-card: #ffffff;
  --text-main: #134e4a;
  --text-muted: #115e59;
  --border-color: #99f6e4;
  --nav-bg: #042f2e;
  --nav-text: #ccfbf1;
  --hero-bg: linear-gradient(135deg, #042f2e 0%, #134e4a 60%, #0f766e 100%);
  --badge-bg: #ccfbf1;
  --badge-text: #0f766e;
  --font-heading: 'DM Sans', sans-serif;
  --font-body: 'DM Sans', sans-serif;
  --card-shadow: 0 4px 10px rgba(19, 78, 74, 0.08);
}

/* 13. IEEE ELECTRIC BLUE */
[data-theme="ieee_electric"] {
  --primary: #1e40af;
  --primary-dark: #172554;
  --primary-light: #2563eb;
  --accent: #2563eb;
  --accent-light: #dbeafe;
  --bg-body: #eff6ff;
  --bg-surface: #ffffff;
  --bg-card: #ffffff;
  --text-main: #172554;
  --text-muted: #3b82f6;
  --border-color: #bfdbfe;
  --nav-bg: #172554;
  --nav-text: #ffffff;
  --hero-bg: linear-gradient(135deg, #172554 0%, #1e40af 60%, #1d4ed8 100%);
  --badge-bg: #dbeafe;
  --badge-text: #1d4ed8;
  --font-heading: 'Space Grotesk', sans-serif;
  --font-body: 'Space Grotesk', sans-serif;
  --card-shadow: 0 4px 12px rgba(30, 64, 175, 0.1);
}

/* 14. EDITORIAL SERIF WARM */
[data-theme="editorial_warm"] {
  --primary: #3c2a21;
  --primary-dark: #1a120b;
  --primary-light: #543a2d;
  --accent: #9a3412;
  --accent-light: #ffedd5;
  --bg-body: #fdfcf7;
  --bg-surface: #ffffff;
  --bg-card: #ffffff;
  --text-main: #292524;
  --text-muted: #78716c;
  --border-color: #e7e5e4;
  --nav-bg: #1a120b;
  --nav-text: #f5f5f4;
  --hero-bg: linear-gradient(135deg, #1a120b 0%, #3c2a21 60%, #431407 100%);
  --badge-bg: #ffedd5;
  --badge-text: #9a3412;
  --font-heading: 'Lora', Georgia, serif;
  --font-body: 'Lora', Georgia, serif;
  --card-shadow: 0 4px 6px rgba(60, 42, 33, 0.08);
}

/* 15. DIGITAL OPEN ACCESS */
[data-theme="open_access_violet"] {
  --primary: #581c87;
  --primary-dark: #3b0764;
  --primary-light: #7e22ce;
  --accent: #9333ea;
  --accent-light: #f3e8ff;
  --bg-body: #faf5ff;
  --bg-surface: #ffffff;
  --bg-card: #ffffff;
  --text-main: #3b0764;
  --text-muted: #6b21a8;
  --border-color: #e9d5ff;
  --nav-bg: #3b0764;
  --nav-text: #faf5ff;
  --hero-bg: linear-gradient(135deg, #3b0764 0%, #581c87 50%, #7e22ce 100%);
  --badge-bg: #f3e8ff;
  --badge-text: #7e22ce;
  --font-heading: 'Plus Jakarta Sans', sans-serif;
  --font-body: 'Plus Jakarta Sans', sans-serif;
  --card-shadow: 0 4px 12px rgba(88, 28, 135, 0.1);
}

/* 16. SCOPUS AMBER */
[data-theme="scopus_amber"] {
  --primary: #78350f;
  --primary-dark: #451a03;
  --primary-light: #b45309;
  --accent: #d97706;
  --accent-light: #fef3c7;
  --bg-body: #fffbeb;
  --bg-surface: #ffffff;
  --bg-card: #ffffff;
  --text-main: #451a03;
  --text-muted: #78350f;
  --border-color: #fde68a;
  --nav-bg: #451a03;
  --nav-text: #fef3c7;
  --hero-bg: linear-gradient(135deg, #451a03 0%, #78350f 60%, #b45309 100%);
  --badge-bg: #fef3c7;
  --badge-text: #92400e;
  --font-heading: 'Rubik', sans-serif;
  --font-body: 'Rubik', sans-serif;
  --card-shadow: 0 4px 8px rgba(120, 53, 15, 0.08);
}

/* 17. PACIFIC MARINE */
[data-theme="pacific_marine"] {
  --primary: #164e63;
  --primary-dark: #083344;
  --primary-light: #0e7490;
  --accent: #0891b2;
  --accent-light: #cffafe;
  --bg-body: #ecfeff;
  --bg-surface: #ffffff;
  --bg-card: #ffffff;
  --text-main: #083344;
  --text-muted: #155e75;
  --border-color: #a5f3fc;
  --nav-bg: #083344;
  --nav-text: #ecfeff;
  --hero-bg: linear-gradient(135deg, #083344 0%, #164e63 60%, #0e7490 100%);
  --badge-bg: #cffafe;
  --badge-text: #0e7490;
  --font-heading: 'Work Sans', sans-serif;
  --font-body: 'Work Sans', sans-serif;
  --card-shadow: 0 4px 10px rgba(22, 78, 99, 0.08);
}

/* 18. SOLARIS HORIZON */
[data-theme="solaris_horizon"] {
  --primary: #312e81;
  --primary-dark: #1e1b4b;
  --primary-light: #4338ca;
  --accent: #f43f5e;
  --accent-light: #ffe4e6;
  --bg-body: #fff1f2;
  --bg-surface: #ffffff;
  --bg-card: #ffffff;
  --text-main: #1e1b4b;
  --text-muted: #4338ca;
  --border-color: #fecdd3;
  --nav-bg: #1e1b4b;
  --nav-text: #ffffff;
  --hero-bg: linear-gradient(135deg, #1e1b4b 0%, #312e81 50%, #881337 100%);
  --badge-bg: #ffe4e6;
  --badge-text: #e11d48;
  --font-heading: 'Poppins', sans-serif;
  --font-body: 'Poppins', sans-serif;
  --card-shadow: 0 4px 12px rgba(49, 46, 129, 0.1);
}

/* 19. PLATINUM ENTERPRISE */
[data-theme="platinum_enterprise"] {
  --primary: #111827;
  --primary-dark: #030712;
  --primary-light: #1f2937;
  --accent: #64748b;
  --accent-light: #f1f5f9;
  --bg-body: #f8fafc;
  --bg-surface: #ffffff;
  --bg-card: #ffffff;
  --text-main: #0f172a;
  --text-muted: #475569;
  --border-color: #cbd5e1;
  --nav-bg: #030712;
  --nav-text: #f8fafc;
  --hero-bg: linear-gradient(135deg, #030712 0%, #111827 50%, #334155 100%);
  --badge-bg: #f1f5f9;
  --badge-text: #334155;
  --font-heading: 'Manrope', sans-serif;
  --font-body: 'Manrope', sans-serif;
  --card-shadow: 0 4px 6px rgba(17, 24, 39, 0.08);
}

/* 20. FUTURISM GLASSMORPHISM */
[data-theme="futurism_glass"] {
  --primary: #38bdf8;
  --primary-dark: #0284c7;
  --primary-light: #7dd3fc;
  --accent: #818cf8;
  --accent-light: #1e1b4b;
  --bg-body: #0b1120;
  --bg-surface: rgba(30, 41, 59, 0.7);
  --bg-card: rgba(30, 41, 59, 0.75);
  --text-main: #f8fafc;
  --text-muted: #94a3b8;
  --border-color: rgba(255, 255, 255, 0.12);
  --nav-bg: rgba(11, 17, 32, 0.85);
  --nav-text: #38bdf8;
  --hero-bg: radial-gradient(circle at 20% 30%, #1e1b4b 0%, #0b1120 70%, #030712 100%);
  --badge-bg: rgba(56, 189, 248, 0.15);
  --badge-text: #38bdf8;
  --font-heading: 'Inter', sans-serif;
  --font-body: 'Inter', sans-serif;
  --card-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
  backdrop-filter: blur(12px);
}