/* ── Hoda Pilates — CSS Variables (Canvas Session 2) ── */
@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700&display=swap');

:root {
  /* رنگ‌ها */
  --c-primary:    #6b7c4a;
  --c-primary-l:  #8fa05e;
  --c-primary-d:  #526038;
  --c-primary-bg: #f2f5ec;
  --c-secondary:  #3a6b8a;
  --c-secondary-bg: #edf4f8;
  --c-bg:         #fafaf8;
  --c-surface:    #ffffff;
  --c-text:       #2c2c2c;
  --c-muted:      #6b7280;
  --c-border:     #e0e5d8;
  --c-danger:     #dc2626;
  --c-success:    #16a34a;
  --c-warn:       #b45309;

  /* فونت */
  --font:         'Vazirmatn', Tahoma, Arial, sans-serif;

  /* شعاع */
  --r-xs:  4px;
  --r-sm:  8px;
  --r-md:  12px;
  --r-lg:  20px;
  --r-xl:  28px;

  /* سایه */
  --shadow-sm: 0 1px 4px rgba(0,0,0,.06);
  --shadow-md: 0 4px 16px rgba(0,0,0,.10);
  --shadow-lg: 0 8px 32px rgba(0,0,0,.12);

  /* حداکثر عرض */
  --max-w:   1100px;

  /* transitions */
  --transition: all .2s ease;
}