/*
  البيلسان — نظام التصميم (Design Tokens)
  ------------------------------------------------
  الألوان مأخوذة حرفياً من اللوغو المعتمد (bylogo.png):
  الليموني  rgb(193,210,46)  والفوشيا  rgb(231,61,131)
  الفكرة: منصة اكساء بيوت في دمشق — دفء ورقي طبيعي (زهرة البيلسان)
  ونظام واضح شفاف يقود الزبون خطوة بخطوة، مثل بتلات الزهرة الأربع
  المجتمعة حول مركز واحد.
*/

:root{
  /* الألوان الأساسية من الهوية */
  --lime:        #C1D22E;
  --lime-dark:   #8FA01B;
  --lime-tint:   #EFF3D2;
  --magenta:     #E73D83;
  --magenta-dark:#B81F63;
  --magenta-tint:#FBE3EC;

  /* حياد دافئ مشتق من نفس عائلة الألوان */
  --ink:         #1B1F12;
  --ink-soft:    #454B37;
  --paper:       #FBFAF3;
  --paper-alt:   #F3F0E1;
  --card:        #FFFFFF;
  --line:        #E4E0CC;
  --muted:       #6E7260;

  /* الطباعة */
  --font-display: 'El Messiri', 'Tahoma', serif;
  --font-body: 'Tajawal', 'Tahoma', sans-serif;

  /* سلم القياسات */
  --fs-hero: clamp(2.1rem, 1.35rem + 3.2vw, 3.8rem);
  --fs-h2:   clamp(1.5rem, 1.15rem + 1.4vw, 2.3rem);
  --fs-h3:   clamp(1.15rem, 1rem + 0.6vw, 1.45rem);
  --fs-lead: clamp(1.05rem, 0.95rem + 0.4vw, 1.25rem);
  --fs-body: 1rem;
  --fs-small: 0.875rem;
  --fs-eyebrow: 0.8rem;

  /* مسافات */
  --gap-section: clamp(3.5rem, 3rem + 3vw, 7rem);
  --radius-sm: 10px;
  --radius-md: 18px;
  --radius-lg: 28px;
  --shadow-card: 0 10px 30px -18px rgba(27,31,18,0.35);
  --shadow-pop: 0 18px 45px -20px rgba(27,31,18,0.45);
  --container: 1180px;

  --ease: cubic-bezier(.22,.9,.26,1);
}

@media (prefers-color-scheme: dark){
  /* نحافظ على هوية فاتحة دافئة كخيار تصميمي مقصود (ورقة/زهرة)،
     لذلك لا نبدّل الوضع تلقائياً — الاحترافية هنا تعني ثبات الهوية. */
}