/* =========================================================
   TITIK FIKSI — Color Themes
   File: assets/css/themes.css
   ========================================================= */

/* --- PEARL SKY (Default) --- */
:root[data-theme="pearl"] {
  --bg-1: #f3f6fc;
  --bg-2: #ffffff;
  --bg-3: #ffffff;
  --text-1: #1e293b;
  --text-2: #475569;
  --muted: #94a3b8;
  --border: rgba(148, 163, 184, 0.2);
  --glass: rgba(255, 255, 255, 0.75);
  --glass-strong: rgba(255, 255, 255, 0.90);
  --brand: #2563eb;
  --brand-gradient: linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);
  --cta-bg: linear-gradient(135deg, rgba(37,99,235,0.05), rgba(37,99,235,0.1));
}

/* --- AURORA MINT (FIXED TEXT CONTRAST) --- */
:root[data-theme="aurora"] {
  --bg-1: #f0fdfa; 
  --bg-2: #ccfbf1; 
  --bg-3: #ffffff;
  /* Fixed: Text jauh lebih gelap */
  --text-1: #0f393b; 
  --text-2: #1e5255; 
  --muted: #4b8886;  
  --border: rgba(19, 78, 74, 0.15); 
  --glass: rgba(255, 255, 255, 0.65);
  --glass-strong: rgba(245, 255, 254, 0.9);
  --brand: #0d9488; 
  --brand-gradient: linear-gradient(135deg, #0d9488 0%, #115e59 100%);
  --cta-bg: linear-gradient(135deg, rgba(13,148,136,0.08), rgba(20,184,166,0.15));
}

/* --- DEEP SPACE (Dark Mode) --- */
:root[data-theme="dark"] {
  --bg-1: #020617;
  --bg-2: #0f172a;
  --bg-3: #1e293b;
  --text-1: #e2e8f0;
  --text-2: #cbd5e1;
  --muted: #64748b;
  --border: rgba(255, 255, 255, 0.1);
  --glass: rgba(15, 23, 42, 0.7);
  --glass-strong: rgba(30, 41, 59, 0.85);
  --brand: #60a5fa;
  --brand-gradient: linear-gradient(135deg, #3b82f6 0%, #60a5fa 100%);
  --cta-bg: linear-gradient(135deg, rgba(96,165,250,0.1), rgba(30,41,59,0.5));
}