/* ==========================================================================
   آینه‌تراپی — توکن‌های طراحی
   یک برند، دو سطح:
     • وب دسکتاپ و تبلت (≥ 768px)  → زبان «اتاق»   (references/desktop-web)
     • وب موبایل       (< 768px)  → زبان «اپ»     (references/mobile-web)
   توکن‌های «مشترک» در هر دو سطح یکسان‌اند.
   ========================================================================== */

:root {
  /* ---------- مشترک: برند ---------- */
  --brand:          #1F4D3F;   /* سبز جنگلی — دکمه‌ی اصلی، حالت فعال */
  --brand-hover:    #183E33;
  --on-brand:       #F4F0E4;   /* متن روی --brand */
  --accent:         #B05530;   /* گِل — فقط متن ≥ 24px یا نشانه‌ی غیرمتنی */
  --accent-text:    #9A4526;   /* گِل برای متن < 24px (کنتراست ≥ 5:1) */
  --accent-soft:    #E8CDBB;   /* دکمه روی زمینه‌ی سبز یا تیره، آواتار گرم */

  /* ---------- مشترک: متن ---------- */
  --ink:            #1E2A24;   /* تیترها */
  --text:           #26332C;   /* متن عمومی، لینک */
  --body:           #4A5750;   /* پاراگراف */
  --muted:          #5E6A62;   /* برچسب، کپشن، متن ثانویه */
  --disabled:       #9AA69F;   /* فقط برای عنصر غیرفعال */
  --icon:           #3E6E52;

  /* ---------- مشترک: سبزهای نگاره و سطح ---------- */
  --sage:           #DDE6D8;
  --sage-2:         #E8EEE3;   /* تراشه و برچسب در موبایل */
  --leaf-1:         #2F5B45;
  --leaf-2:         #3E6E52;
  --leaf-3:         #4E7A5C;
  --leaf-4:         #5F8C6A;
  --leaf-5:         #93B291;
  --sky:            #CFE1DC;

  /* ---------- مشترک: چوب و پارچه (فقط داخل نگاره) ---------- */
  --clay-1:         #B87049;
  --clay-2:         #C97F57;
  --clay-3:         #D98F63;
  --clay-4:         #E7B48E;
  --wood-1:         #7A5134;
  --wood-2:         #8E6540;
  --wood-3:         #A97C52;
  --light:          #F8F1DA;   /* نور پنجره، با opacity 0.6–0.7 */

  /* ---------- مشترک: غروب (اتاق جلسه، دعوت پایانی) ---------- */
  --dusk:           #2B3B33;
  --dusk-floor:     #1F2C26;
  --dusk-text:      #EFE8DA;
  --dusk-body:      #AFBFB2;
  --dusk-cta:       #E8C49B;   /* متنش #22302A */
  --lamp:           #F2C98A;

  /* ---------- مشترک: حال روز (پنج سطح، از سخت به سبک) ---------- */
  --mood-1-fill:    #E8CDBB;  --mood-1-on: #7E3A1E;   /* سخت */
  --mood-2-fill:    #EFDACB;  --mood-2-on: #7E3A1E;   /* خسته */
  --mood-3-fill:    #DDE6D8;  --mood-3-on: #1F4D3F;   /* معمولی */
  --mood-4-fill:    #D3E2D3;  --mood-4-on: #1F4D3F;   /* خوب */
  --mood-5-fill:    #C8DCC8;  --mood-5-on: #1F4D3F;   /* سبک */
  --clay-ink:       #7E3A1E;   /* متن روی --accent-soft */

  /* ---------- مشترک: اتاق جلسه (در جلسه، هر دو سطح) ---------- */
  --session-bg:      #0E1B17;
  --session-panel:   #16302A;
  --session-control: #1C352E;
  --session-avatar:  #2C4A3E;
  --session-text:    #E3EAE0;
  --session-muted:   #8FA694;   /* ۶.۸:۱ روی --session-bg */
  --session-line:    rgba(143, 166, 148, 0.26);

  /* ---------- مشترک: فوتر و نوار کناری پنل ---------- */
  --deep:           #16211C;
  --deep-text:      #A9B8AC;
  --deep-label:     #7E9385;   /* در مرجع #6E8375 بود؛ برای کنتراست 5:1 روشن‌تر شد */

  /* ---------- مشترک: فونت ---------- */
  --font-display:   "Markazi Text", Georgia, serif;
  --font-body:      "Vazirmatn", system-ui, sans-serif;

  /* ---------- مشترک: حرکت ---------- */
  --ease-calm:      cubic-bezier(0.37, 0, 0.23, 1);
  --dur-quick:      180ms;
  --dur-enter:      600ms;
}

/* ==========================================================================
   سطح «اتاق» — وب دسکتاپ و تبلت (≥ 768px)
   بدون کارت، بدون سایه. تنها گوشه‌ی گرد: دکمه‌ها.
   ========================================================================== */
:root {
  --wall:           #EDE6D8;   /* زمینه‌ی صفحه = رنگ دیوار نگاره‌ها */
  --wall-2:         #E7DFCF;   /* باند متناوب */
  --floor:          #DBCBB1;   /* باند ادامه‌ی کف اتاق */
  --wall-grain:     #E9E2D4;   /* دیوار با دانه‌ی نگاره، برای اتصال بی‌درز به تصویر */
  --hairline:       rgba(38, 51, 44, 0.16);
  --hairline-soft:  rgba(38, 51, 44, 0.10);
  --underline:      rgba(38, 51, 44, 0.38);   /* خط زیر لینک ثانویه */
  --outline:        rgba(38, 51, 44, 0.28);   /* دور دکمه‌ی ثانویه */

  --room-gutter:    64px;
  --room-max:       1440px;
  --room-section-y: 96px;
  --room-radius:    0;          /* همه‌چیز جز دکمه‌ها */
}

/* ==========================================================================
   سطح «اپ» — وب موبایل (< 768px)
   کارت مجاز است؛ گوشه‌ها نرم.
   ========================================================================== */
:root {
  --paper:          #F5F2E9;   /* زمینه‌ی صفحه */
  --card:           #FBF9F3;   /* سطح کارت، نوار پایین */
  --card-tint:      #EFEBDE;   /* کارت یا برچسب خنثی */
  --card-border:    rgba(31, 77, 63, 0.14);
  --field-border:   rgba(31, 77, 63, 0.16);
  --chip-border:    rgba(31, 77, 63, 0.24);
  --divider:        rgba(18, 36, 30, 0.10);
  --on-brand-soft:  #B9CBB8;   /* متن ثانویه روی --brand */

  --app-gutter:     22px;
  --app-top:        62px;      /* فاصله از بالای صفحه تا عنوان */
  --app-tabbar:     78px;
  --radius-sm:      14px;      /* اسلات زمان، دکمه‌ی کوچک */
  --radius-md:      16px;      /* روز تقویم، زمان‌های پیشنهادی */
  --radius-lg:      20px;      /* کارت کوچک */
  --radius-xl:      24px;      /* کارت اصلی */
  --radius-pill:    999px;
}