/**
 * ===================================================================
 * בליינד אורקסטרה - Variables CSS מעודכן
 * ===================================================================
 * תיאור: משתנים גלובליים מעודכנים ומותאמים
 * גרסה: 2.0 - מותאם לשינויים שביצענו
 * ===================================================================
 */

:root {
  /* ==========================================================================
     צבעים ראשיים
     ========================================================================== */
  --primary-color: #2c3e50;
  --accent-color: #e74c3c;
  --gold-color: #f39c12;
  --success-color: #27ae60;
  --white: #ffffff;
  --black: #000000;
  --text-light: #ffffff;
  --text-color: #2c3e50;

  /* ==========================================================================
     רקעים שקופים - מעודכן לפי התיקונים
     ========================================================================== */
  --bg-transparent: rgba(0, 0, 0, 0.4);
  --bg-transparent-light: rgba(0, 0, 0, 0.3);
  --bg-transparent-heavy: rgba(0, 0, 0, 0.5);
  --bg-white-transparent: rgba(255, 255, 255, 0.5);
  --bg-overlay: rgba(0, 0, 0, 0.6);
  
  /* ==========================================================================
     Backdrop Blur - לאפקט זכוכית
     ========================================================================== */
  --backdrop-blur: blur(8px);
  --backdrop-blur-heavy: blur(12px);
  
  /* ==========================================================================
     צללים
     ========================================================================== */
  --shadow-light: 0 4px 15px rgba(0, 0, 0, 0.2);
  --shadow-medium: 0 8px 32px rgba(0, 0, 0, 0.3);
  --shadow-heavy: 0 15px 50px rgba(0, 0, 0, 0.4);
  --shadow-text: 1px 1px 4px rgba(0, 0, 0, 0.6);
  --shadow-text-heavy: 2px 2px 8px rgba(0, 0, 0, 0.8);

  /* ==========================================================================
     רדיוסים
     ========================================================================== */
  --radius-small: 10px;
  --radius-medium: 15px;
  --radius-large: 20px;
  --radius-circle: 50%;

  /* ==========================================================================
     מרווחים
     ========================================================================== */
  --section-padding: 5rem 0;
  --section-padding-mobile: 3rem 0;
  --container-padding: 0 30px;
  --container-padding-mobile: 0 15px;

  /* ==========================================================================
     גדלי לוגו
     ========================================================================== */
  --logo-size-desktop: 350px;
  --logo-size-tablet: 300px;
  --logo-size-mobile: 250px;
  --logo-size-small: 200px;
  
  --header-logo-desktop: 80px;
  --header-logo-tablet: 70px;
  --header-logo-mobile: 60px;

  /* ==========================================================================
     טיפוגרפיה
     ========================================================================== */
  --font-family: "Heebo", Arial, sans-serif;
  --font-size-base: 16px;
  --line-height-base: 1.6;
  
  /* כותרות */
  --h1-size: clamp(2rem, 5vw, 3rem);
  --h2-size: clamp(1.5rem, 4vw, 2.5rem);
  --h3-size: clamp(1.2rem, 3vw, 1.8rem);

  /* ==========================================================================
     מעברים
     ========================================================================== */
  --transition: all 0.3s ease;
  --transition-slow: all 0.5s ease;

  /* ==========================================================================
     Z-Index
     ========================================================================== */
  --z-background: -3;
  --z-overlay: -2;
  --z-content: 1;
  --z-header: 10;
  --z-modal: 100;
  --z-floating: 1000;

  /* ==========================================================================
     כפתורי "הצג עוד" - מעודכן
     ========================================================================== */
  --show-more-bg: #d4af37;
  --show-more-bg-hover: #f0d35a;
  --show-more-bg-expanded: #27ae60;
  --show-more-bg-expanded-hover: #229954;
  --show-more-padding: 8px 20px;
  --show-more-font-size: 14px;

  /* ==========================================================================
     כפתורים כלליים
     ========================================================================== */
  --btn-padding: 12px 24px;
  --btn-padding-small: 8px 16px;
  --btn-radius: 25px;
  --btn-min-width: 120px;

  /* ==========================================================================
     גריד מטרות - מעודכן
     ========================================================================== */
  --goals-columns-desktop: 5;
  --goals-columns-tablet: 3;
  --goals-columns-mobile: 2;
  --goals-columns-small: 1;
  --goal-icon-size: 70px;
  --goal-icon-size-mobile: 50px;

  /* ==========================================================================
     כפתורים צפים
     ========================================================================== */
  --whatsapp-size: 60px;
  --whatsapp-bg: #25D366;
  --whatsapp-bg-hover: #128C7E;
  
  --back-to-top-size: 50px;
  --back-to-top-bg: #e74c3c;
  --back-to-top-bg-hover: #c0392b;

  /* ==========================================================================
     פוטר
     ========================================================================== */
  --footer-bg: linear-gradient(135deg, rgba(44, 62, 80, 0.98), rgba(52, 73, 94, 0.95));
  --footer-padding: 4rem 0 2rem;
  --social-size: 50px;
  --social-size-mobile: 45px;

  /* ==========================================================================
     מדיה
     ========================================================================== */
  --media-item-min-height: 450px;
  --media-item-min-height-mobile: 350px;
  --video-height: 250px;
  --play-button-size: 70px;
  --play-button-bg: rgba(212, 175, 55, 0.9);

  /* ==========================================================================
     Breakpoints
     ========================================================================== */
  --breakpoint-desktop: 1024px;
  --breakpoint-tablet: 768px;
  --breakpoint-mobile: 480px;

  /* ==========================================================================
     הודעת עוגיות
     ========================================================================== */
  --cookie-bg: rgba(44, 62, 80, 0.98);
  --cookie-padding: 1.5rem;
  --cookie-btn-bg: #e74c3c;
  --cookie-btn-bg-hover: #c0392b;

  /* ==========================================================================
     טעינה
     ========================================================================== */
  --spinner-size: 50px;
  --spinner-border: 4px;
  --loading-bg: rgba(0, 0, 0, 0.95);
}

/**
 * ===================================================================
 * משתנים למצב Dark Mode (אופציונלי לעתיד)
 * ===================================================================
 */
@media (prefers-color-scheme: dark) {
  :root {
    /* כבר מוגדר למצב כהה כברירת מחדל */
  }
}

/**
 * ===================================================================
 * סיום - Variables CSS מעודכן
 * ===================================================================
 * 
 * ✅ שינויים עיקריים:
 * - רקעים שקופים מעודכנים (0.4 כברירת מחדל)
 * - הסרת גרדיאנטים לא רלוונטיים
 * - עדכון גדלי כפתורים וצבעים
 * - פישוט והתאמה לקוד החדש
 * - הוספת משתנים לכפתורי "הצג עוד"
 * 
 * 🎯 הקובץ מוכן לשימוש!
 * ===================================================================
 */