/* ========================================
   Y COMMUNITY - BRAND COLORS SYSTEM 2025
   מערכת צבעי המותג הרשמית
   ======================================== */

/*
  🎨 צבעי המותג הרשמיים - עיצוב יוקרתי 2025:
  - ירוק כהה #013024 - יוקרה ואלגנטיות
  - ירוק בהיר #a0df50 - חיות ואיכות
  - שחור #000000 - מינימליזם מתוחכם
  - לבן #ffffff - נקיון וטוהר
*/

:root {
  /* 🌿 צבעי המותג הראשיים - יוקרתי ואלגנטי */
  --brand-primary-dark: #013024;    /* ירוק עמוק יוקרתי - צבע מותג ראשי */
  --brand-primary-light: #a0df50;   /* ירוק זוהר אלגנטי - צבע מבטא */
  --brand-black: #000000;           /* שחור מוחלט - מתוחכם */
  --brand-white: #ffffff;           /* לבן טהור - נקי */
  
  /* 🎯 גוונים מורחבים של הירוק הכהה */
  --brand-dark-50: #f0f9f4;
  --brand-dark-100: #dcf5e6;
  --brand-dark-200: #b8eacc;
  --brand-dark-300: #8dd9ad;
  --brand-dark-400: #5ec088;
  --brand-dark-500: #3aa06a;
  --brand-dark-600: #2a8054;
  --brand-dark-700: #236644;
  --brand-dark-800: #1e5138;
  --brand-dark-900: #013024;        /* הצבע הראשי */
  --brand-dark-950: #001a15;
  
  /* 🌱 גוונים מורחבים של הירוק הבהיר */
  --brand-light-50: #f7fee7;
  --brand-light-100: #ecfccb;
  --brand-light-200: #d9f99d;
  --brand-light-300: #bef264;
  --brand-light-400: #a0df50;       /* הצבע הראשי */
  --brand-light-500: #84cc16;
  --brand-light-600: #65a30d;
  --brand-light-700: #4d7c0f;
  --brand-light-800: #3f6212;
  --brand-light-900: #365314;
  --brand-light-950: #1a2e05;
  
  /* 🎨 צבעים סמנטיים מבוססי מותג */
  --brand-success: var(--brand-primary-light);
  --brand-success-light: var(--brand-light-100);
  --brand-success-dark: var(--brand-light-700);
  
  --brand-warning: #fbbf24;
  --brand-warning-light: #fef3c7;
  --brand-warning-dark: #d97706;
  
  --brand-error: #ef4444;
  --brand-error-light: #fef2f2;
  --brand-error-dark: #dc2626;
  
  --brand-info: var(--brand-primary-dark);
  --brand-info-light: var(--brand-dark-100);
  --brand-info-dark: var(--brand-dark-800);
  
  /* 📝 צבעי טקסט */
  --brand-text-primary: var(--brand-black);
  --brand-text-secondary: var(--brand-dark-700);
  --brand-text-muted: var(--brand-dark-500);
  --brand-text-light: var(--brand-white);
  --brand-text-brand: var(--brand-primary-dark);
  --brand-text-accent: var(--brand-primary-light);
  
  /* 🎨 צבעי רקע */
  --brand-bg-primary: var(--brand-white);
  --brand-bg-secondary: var(--brand-dark-50);
  --brand-bg-accent: var(--brand-light-50);
  --brand-bg-dark: var(--brand-primary-dark);
  --brand-bg-brand: var(--brand-primary-light);
  
  /* 🔲 צבעי גבולות */
  --brand-border-light: var(--brand-dark-200);
  --brand-border-medium: var(--brand-dark-300);
  --brand-border-dark: var(--brand-primary-dark);
  --brand-border-accent: var(--brand-primary-light);
  
  /* ✨ גרדיאנטים יוקרתיים ואלגנטיים */
  --brand-gradient-primary: linear-gradient(135deg, var(--brand-primary-dark) 0%, var(--brand-dark-600) 50%, var(--brand-primary-light) 100%);
  --brand-gradient-secondary: linear-gradient(135deg, var(--brand-primary-light) 0%, var(--brand-light-500) 100%);
  --brand-gradient-hero: linear-gradient(135deg, var(--brand-primary-dark) 0%, var(--brand-dark-700) 25%, var(--brand-dark-600) 50%, var(--brand-light-600) 75%, var(--brand-primary-light) 100%);
  --brand-gradient-luxury: linear-gradient(135deg, var(--brand-primary-dark) 0%, #014a35 25%, #026b4a 50%, #70c47c 75%, var(--brand-primary-light) 100%);
  --brand-gradient-elegant: linear-gradient(45deg, rgba(1, 48, 36, 0.95) 0%, rgba(1, 48, 36, 0.85) 50%, rgba(160, 223, 80, 0.1) 100%);
  --brand-gradient-subtle: linear-gradient(135deg, var(--brand-dark-50) 0%, var(--brand-light-50) 100%);
  --brand-gradient-overlay: linear-gradient(135deg, rgba(1, 48, 36, 0.9) 0%, rgba(1, 48, 36, 0.7) 100%);
  
  /* 🌊 צללים יוקרתיים ועמוקים */
  --brand-shadow-sm: 0 1px 3px 0 rgba(1, 48, 36, 0.08);
  --brand-shadow-md: 0 4px 12px -1px rgba(1, 48, 36, 0.15), 0 2px 4px -1px rgba(1, 48, 36, 0.08);
  --brand-shadow-lg: 0 12px 24px -3px rgba(1, 48, 36, 0.15), 0 6px 12px -2px rgba(1, 48, 36, 0.08);
  --brand-shadow-xl: 0 24px 48px -5px rgba(1, 48, 36, 0.15), 0 12px 20px -5px rgba(1, 48, 36, 0.06);
  --brand-shadow-luxury: 0 32px 64px -12px rgba(1, 48, 36, 0.25), 0 0 0 1px rgba(160, 223, 80, 0.05);
  --brand-shadow-glow: 0 0 24px rgba(160, 223, 80, 0.4), 0 0 48px rgba(160, 223, 80, 0.2);
  --brand-shadow-elegant: 0 8px 32px rgba(1, 48, 36, 0.12), 0 0 0 1px rgba(255, 255, 255, 0.05);
  
  /* 📐 Backwards Compatibility - עבור קבצים קיימים */
  --primary-dark: var(--brand-primary-dark);
  --primary-light: var(--brand-primary-light);
  --primary-green: var(--brand-primary-light);
  --primary-medium: var(--brand-dark-600);
  --primary-color: var(--brand-primary-light);
  --brand-forest: var(--brand-dark-700);
  --brand-emerald: var(--brand-light-500);
  --brand-lime: var(--brand-light-400);
  
  /* Legacy compatibility */
  --brand-primary: var(--brand-primary-dark);
  --brand-accent: var(--brand-primary-light);
  --warning: var(--brand-warning);
  --success: var(--brand-success);
  --error: var(--brand-error);
  --info: var(--brand-info);
  --gray: #6b7280;
  --light-bg: #f8fafc;
  --overlay: rgba(255,255,255,0.1);
  --text-primary: var(--brand-text-primary);
  --text-secondary: var(--brand-text-secondary);
  --text-light: var(--brand-text-light);
  --background-primary: var(--brand-bg-primary);
  --background-secondary: var(--brand-bg-secondary);
  --background-dark: var(--brand-bg-dark);
  --gradient-primary: var(--brand-gradient-primary);
  --gradient-hero: var(--brand-gradient-hero);
  --shadow-light: var(--brand-shadow-md);
  --shadow-medium: var(--brand-shadow-lg);
  --shadow-heavy: var(--brand-shadow-xl);
  --transition-fast: 0.15s ease;
  --transition-normal: 0.3s ease;
  --transition-slow: 0.5s ease;
}

/* 🎨 Utility Classes - מחלקות עזר */
.text-brand-primary { color: var(--brand-text-primary) !important; }
.text-brand-secondary { color: var(--brand-text-secondary) !important; }
.text-brand-muted { color: var(--brand-text-muted) !important; }
.text-brand-light { color: var(--brand-text-light) !important; }
.text-brand-accent { color: var(--brand-text-accent) !important; }

.bg-brand-primary { background-color: var(--brand-bg-primary) !important; }
.bg-brand-secondary { background-color: var(--brand-bg-secondary) !important; }
.bg-brand-accent { background-color: var(--brand-bg-accent) !important; }
.bg-brand-dark { background-color: var(--brand-bg-dark) !important; }
.bg-brand-brand { background-color: var(--brand-bg-brand) !important; }

.border-brand-light { border-color: var(--brand-border-light) !important; }
.border-brand-medium { border-color: var(--brand-border-medium) !important; }
.border-brand-dark { border-color: var(--brand-border-dark) !important; }
.border-brand-accent { border-color: var(--brand-border-accent) !important; }

.gradient-brand-primary { background: var(--brand-gradient-primary) !important; }
.gradient-brand-secondary { background: var(--brand-gradient-secondary) !important; }
.gradient-brand-hero { background: var(--brand-gradient-hero) !important; }
.gradient-brand-subtle { background: var(--brand-gradient-subtle) !important; }

.shadow-brand-sm { box-shadow: var(--brand-shadow-sm) !important; }
.shadow-brand-md { box-shadow: var(--brand-shadow-md) !important; }
.shadow-brand-lg { box-shadow: var(--brand-shadow-lg) !important; }
.shadow-brand-xl { box-shadow: var(--brand-shadow-xl) !important; }
.shadow-brand-glow { box-shadow: var(--brand-shadow-glow) !important; }

/* Legacy Brand Text Classes */
.brand-text {
    color: var(--brand-accent);
    font-weight: 700;
}

.brand-bg {
    background: var(--gradient-primary);
}

.brand-border {
    border: 2px solid var(--brand-accent);
}

/* Status Colors */
.text-success { color: var(--success); }
.text-warning { color: var(--warning); }
.text-error { color: var(--error); }
.text-info { color: var(--info); }
.text-gray { color: var(--gray); }

.bg-success { background-color: var(--success); }
.bg-warning { background-color: var(--warning); }
.bg-error { background-color: var(--error); }
.bg-info { background-color: var(--info); }
.bg-gray { background-color: var(--gray); }