/* =========================================
   THEMES.CSS - RIFQYFORMS THEME SYSTEM
   Berisi 5 Preset Tema Premium
   ========================================= */

/* 1. THEME: GLASSMORPHISM DARK (DEFAULT) */
.theme-glass-dark {
    --bg-color: #0f172a;
    --panel-bg: rgba(30, 41, 59, 0.7);
    --input-bg: rgba(15, 23, 42, 0.6);
    --text-main: #f8fafc;
    --text-muted: #94a3b8;
    --primary-color: #3b82f6;
    --primary-hover: #2563eb;
    --primary-glow: rgba(59, 130, 246, 0.3);
    --border-color: rgba(255, 255, 255, 0.1);
    --radius: 16px;
    --glass-blur: 16px;
    --shadow: 0 4px 30px rgba(0, 0, 0, 0.3);
    --shape-color-1: #3b82f6; /* Blue */
    --shape-color-2: #8b5cf6; /* Purple */
}

/* 2. THEME: CYBERPUNK NEON */
.theme-cyberpunk {
    --bg-color: #000000;
    --panel-bg: rgba(20, 20, 20, 0.9);
    --input-bg: rgba(0, 0, 0, 0.8);
    --text-main: #fdf500; /* Cyberpunk Yellow */
    --text-muted: #ff003c; /* Neon Pink */
    --primary-color: #00ff9f; /* Neon Cyan */
    --primary-hover: #00cc7d;
    --primary-glow: rgba(0, 255, 159, 0.5);
    --border-color: #ff003c;
    --radius: 0px; /* Sharp edges */
    --glass-blur: 0px; /* No blur for raw tech feel */
    --shadow: 4px 4px 0px #ff003c;
    --shape-color-1: rgba(255, 0, 60, 0.2);
    --shape-color-2: rgba(0, 255, 159, 0.2);
}

/* 3. THEME: MINIMALIST CLEAN (LIGHT MODE) */
.theme-minimalist {
    --bg-color: #f3f4f6;
    --panel-bg: #ffffff;
    --input-bg: #f9fafb;
    --text-main: #111827;
    --text-muted: #6b7280;
    --primary-color: #111827; /* Black button */
    --primary-hover: #374151;
    --primary-glow: rgba(17, 24, 39, 0.2);
    --border-color: #e5e7eb;
    --radius: 8px;
    --glass-blur: 0px; /* Solid color */
    --shadow: 0 1px 3px rgba(0,0,0,0.1);
    --shape-color-1: transparent; /* No shapes */
    --shape-color-2: transparent;
}

/* 4. THEME: OCEAN DEEP */
.theme-ocean {
    --bg-color: #001f3f;
    --panel-bg: rgba(0, 51, 102, 0.6);
    --input-bg: rgba(0, 31, 63, 0.8);
    --text-main: #e0f7fa;
    --text-muted: #80deea;
    --primary-color: #00bcd4;
    --primary-hover: #0097a7;
    --primary-glow: rgba(0, 188, 212, 0.4);
    --border-color: rgba(0, 188, 212, 0.3);
    --radius: 20px;
    --glass-blur: 12px;
    --shadow: 0 8px 32px rgba(0, 188, 212, 0.15);
    --shape-color-1: #00bcd4;
    --shape-color-2: #0288d1;
}

/* 5. THEME: FOREST ECO */
.theme-forest {
    --bg-color: #1b2e1b;
    --panel-bg: rgba(45, 74, 45, 0.65);
    --input-bg: rgba(27, 46, 27, 0.8);
    --text-main: #e8f5e9;
    --text-muted: #a5d6a7;
    --primary-color: #4caf50;
    --primary-hover: #388e3c;
    --primary-glow: rgba(76, 175, 80, 0.4);
    --border-color: rgba(76, 175, 80, 0.3);
    --radius: 12px;
    --glass-blur: 10px;
    --shadow: 0 4px 20px rgba(0,0,0,0.2);
    --shape-color-1: #4caf50;
    --shape-color-2: #8bc34a;
}