:root {
  /* رنگ‌ها */
  --ink:      #101010;  /* مشکی اصلی — border، متن، مارکرها */
  --paper:    #FFFDF7;  /* پس‌زمینه‌ی اصلی */
  --surface:  #F1EFE8;  /* داخل کارت‌ها */
  --accent:   #FFD23F;  /* زرد — کارت اکسنت، هایلایت */
  --signal:   #FF5470;  /* صورتی/قرمز — دکمه‌ی اصلی، تأکید */
  --cool:     #3A86FF;  /* آبی — لینک، آیکون، هایلایت دوم */

  /* هندسه */
  --bd:        3px solid var(--ink);
  --radius:    14px;
  --shadow:    -6px 6px 0 var(--ink);
  --shadow-lg: -10px 10px 0 var(--ink);
  --shadow-sm: -4px 4px 0 var(--ink);

  /* فاصله‌گذاری */
  --gap: 24px;
  --container-max: 1180px;
}