/**
 * لوحة ألوان الأخضر ودرجاته مع النصوص
 * استخدمها في أي مكان: @import أو أضف في partials
 *
 * استخدام المتغيرات: color: var(--green-text-dark);
 *                    background: var(--green-main);
 */

:root {
  /* ========== أخضر رئيسي (تيل) ========== */
  --green-main: #00574A;
  --green-main-rgb: 0, 87, 74;
  --green-light: #0a7c6c;
  --green-accent: #00a896;

  /* ========== خلفيات خضراء غامقة ========== */
  --green-bg-dark: #051F1B;
  --green-bg-card: #0d2622;
  --green-bg-alt: #1E3532;
  --green-bg-alt-2: #1F4531;

  /* ========== درجات شفافة من الأخضر الرئيسي ========== */
  --green-main-20: rgba(0, 87, 74, 0.2);
  --green-main-50: rgba(0, 87, 74, 0.5);
  --green-main-60: rgba(0, 87, 74, 0.6);

  /* ========== أخضر فاتح (بطاقة التسعير الأولى) ========== */
  --green-pale-1: #e8f5c8;
  --green-pale-2: #b8d4a0;
  --green-pale-3: #9ab87a;
  --green-gradient-pale: linear-gradient(180deg, #e8f5c8 0%, #b8d4a0 50%, #9ab87a 100%);
  --green-gradient-main: linear-gradient(135deg, #00574A, #0a7c6c);

  /* ========== نصوص على الأخضر ========== */
  --green-text-on-dark: #ffffff;
  --green-text-dark: #1a1a1a;
  --green-text-body: #252525;
  --green-text-muted: rgba(255, 255, 255, 0.18);
}