/* InvestPro Ultimate – Premium Styles (v2.0) */

/* --- משתני בסיס (למצב כהה - ברירת מחדל) --- */
:root {
  --bg: #0b0f19;
  --panel: rgba(15, 23, 42, 0.72);
  --panel-strong: rgba(15, 23, 42, 0.92);
  --border: rgba(148, 163, 184, 0.12);
  --border-strong: rgba(148, 163, 184, 0.18);
  --shadow-1: 0 10px 30px rgba(0,0,0,0.35);
  --shadow-2: 0 18px 60px rgba(0,0,0,0.55);
  --glow-indigo: 0 0 0 1px rgba(99,102,241,0.35), 0 0 30px rgba(99,102,241,0.18);
}

/* אפקטים כלליים למצב כהה */
.premium-card {
  background: linear-gradient(145deg, var(--panel) 0%, rgba(15, 23, 42, 0.4) 100%);
  border: 1px solid var(--border);
  box-shadow: var(--shadow-1);
  backdrop-filter: blur(12px);
  transition: all 0.3s ease;
}

.premium-card:hover {
  border-color: rgba(99, 102, 241, 0.3);
  box-shadow: var(--shadow-2);
  transform: translateY(-2px);
}

.premium-focus:focus {
  outline: none !important;
  box-shadow: var(--glow-indigo) !important;
  border-color: rgba(99, 102, 241, 0.5) !important;
}
/* --- ULTIMATE "WOW" LIGHT THEME (V4) --- */

/* --- ULTIMATE "SILVER TECH" THEME (Soft Light) --- */

/* 1. רקע כללי - אפור-כסף עדין (לא לבן!) */
html[data-theme="light"] body {
  background-color: #EEF2F6 !important; /* זה הסוד - מונע סינוור */
  background-image: none !important;
  color: #1e293b !important;
}

/* 2. כרטיסים - לבן נקי שיושב על הרקע האפור */
html[data-theme="light"] .bg-slate-900,
html[data-theme="light"] .bg-slate-950,
html[data-theme="light"] .premium-card,
html[data-theme="light"] aside {
  background-color: #FFFFFF !important;
  background-image: none !important;
  border: 1px solid rgba(226, 232, 240, 0.8) !important; /* גבול עדין מאוד */
  border-radius: 16px !important;
  /* צל רך מאוד שיוצר הפרדה מהרקע האפור */
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05) !important;
}

/* 3. הדר (Header) - משתלב עם הרקע */
html[data-theme="light"] header {
    background-color: #FFFFFF !important;
    border-bottom: 1px solid #E2E8F0 !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.02) !important;
}

/* 4. שדות קלט - אפור בהיר (יותר כהה מהכרטיס) */
html[data-theme="light"] input,
html[data-theme="light"] select {
  background-color: #F8FAFC !important; /* אפור בהיר מאוד */
  border: 1px solid #CBD5E1 !important; /* מסגרת מוגדרת */
  color: #0F172A !important;
  border-radius: 10px !important;
  padding: 8px 12px !important;
}

html[data-theme="light"] input:focus,
html[data-theme="light"] select:focus {
    background-color: #FFFFFF !important;
    border-color: #6366f1 !important;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.15) !important;
}

/* 5. כפתורים משניים (כמו למעלה) - שלא יהיו בוהקים */
html[data-theme="light"] button.bg-slate-800 {
    background-color: #F1F5F9 !important; /* כפתור אפור, לא לבן */
    border: 1px solid #CBD5E1 !important;
    color: #475569 !important;
}
html[data-theme="light"] button.bg-slate-800:hover {
    background-color: #E2E8F0 !important;
    color: #1E293B !important;
    border-color: #94A3B8 !important;
}

/* 6. טיפוגרפיה - כהה אבל רכה (לא שחור מלא) */
html[data-theme="light"] h1, 
html[data-theme="light"] h2, 
html[data-theme="light"] .font-bold {
    color: #1E293B !important; /* כחול-אפור כהה מאוד */
}
html[data-theme="light"] .text-slate-400 { color: #64748b !important; }
html[data-theme="light"] .text-slate-300 { color: #475569 !important; }

/* 7. גרפים - קווים עדינים */
html[data-theme="light"] .recharts-cartesian-grid line {
    stroke: #E2E8F0 !important;
}
html[data-theme="light"] .recharts-text {
    fill: #64748B !important;
    font-weight: 500;
}

/* 8. באנר שיווקי - פחות "ניאון", יותר אלגנטי */
html[data-theme="light"] .bg-gradient-to-r.from-yellow-600 {
    background: linear-gradient(135deg, #d97706 0%, #b45309 100%) !important;
    box-shadow: 0 10px 15px -3px rgba(180, 83, 9, 0.2) !important;
}