/* ========================================
   متغیرهای رنگی و تم اپلیکیشن
   ======================================== */

:root {
  /* رنگ‌های اصلی */
  --blush: #f4a7b9;
  --rose: #e91e63;
  --peach: #ffb8a0;
  --cream: #fff8f5;
  --mauve: #c2778d;
  --lilac: #e8cde8;
  --text: #4a2c3a;
  --gold: #d4a574;

  /* سایه‌ها */
  --shadow-light: 0 4px 15px rgba(194, 119, 141, 0.1);
  --shadow-medium: 0 8px 30px rgba(194, 119, 141, 0.12);
  --shadow-heavy: 0 20px 50px rgba(233, 30, 99, 0.2);

  /* گرادیانت‌ها */
  --gradient-primary: linear-gradient(135deg, var(--blush), var(--peach));
  --gradient-secondary: linear-gradient(135deg, var(--blush), var(--rose));
  --gradient-text: linear-gradient(135deg, var(--mauve), var(--rose), var(--gold));

  /* انیمیشن‌ها */
  --transition-smooth: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  --transition-bounce: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}