/* ═══════════════════════════════════════════════════════════
   هشت — پک تم و رنگ برند (منبع واحد)
   پالت ثابت: مرکب / جرقه / جوانه / طلا / کاغذ
   دو حالت: دارک (مرکب شب) و لایت (کاغذ روشن)
   همهٔ سطوح صفحه فقط از توکن‌های معنایی زیر استفاده کنند.
   ═══════════════════════════════════════════════════════════ */

:root {
  /* ── پالت ثابت برند (هرگز با تم عوض نمی‌شود) ── */
  --c-ink:    #14171C;
  --c-spark:  #F0563D;
  --c-growth: #16B583;
  --c-gold:   #F0B429;
  --c-paper:  #FAFAF7;

  /* متن روی دکمه‌های طلایی / برند */
  --on-gold:  #14171C;
  --on-brand: #FAFAF7;

  /* گرادیان مفهومی کشف ← رشد ← اوج */
  --grad-path: linear-gradient(to left, var(--c-spark), var(--c-growth), var(--c-gold));
  --grad-path-v: linear-gradient(to top, var(--c-spark), var(--c-growth), var(--c-gold));
  --grad-gold-text: linear-gradient(to left, var(--c-gold), #f8d477);

  /* تایپوگرافی */
  --fs-display:  clamp(3rem, 7.5vw, 6.5rem);
  --fs-h2:       clamp(1.75rem, 3.4vw, 2.5rem);
  --fs-h3:       clamp(1.125rem, 1.9vw, 1.5rem);
  --fs-body:     1rem;
  --fs-body-lg:  clamp(1.0625rem, 1.4vw, 1.1875rem);
  --fs-caption:  0.8125rem;

  /* فاصله و شبکه */
  --sp-1: 0.5rem;
  --sp-2: 1rem;
  --sp-3: 1.5rem;
  --sp-4: 2.5rem;
  --sp-5: 4rem;
  --sp-section: clamp(5rem, 12vh, 9rem);
  --container: 74rem;
  --gutter: clamp(1.25rem, 4vw, 2.5rem);

  /* فرم */
  --radius-sm: 0.375rem;
  --radius:    0.75rem;
  --radius-lg: 1.25rem;

  /* حرکت */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --dur: 0.55s;
  --dur-slow: 0.9s;
  --theme-dur: 0.45s;

  --header-h: 4.25rem;
}

/* ═══════════ دارک — مرکب شب ═══════════ */
:root,
[data-theme="dark"] {
  color-scheme: dark;

  --bg:        #14171C;
  --bg-raised: #191D24;
  --bg-soft:   #1E232C;
  --bg-card:   #1A1F27;

  --text:       #FAFAF7;
  --text-dim:   rgba(250, 250, 247, 0.66);
  --text-faint: rgba(250, 250, 247, 0.42);

  --line:        rgba(250, 250, 247, 0.10);
  --line-strong: rgba(250, 250, 247, 0.20);

  --glass-bg:     rgba(20, 23, 28, 0.84);
  --overlay:      rgba(8, 10, 14, 0.72);
  --dot-grid:     rgba(250, 250, 247, 0.045);
  --ghost-stroke: rgba(250, 250, 247, 0.08);
  --stroke-faint: rgba(250, 250, 247, 0.14);
  --shadow-drop:  rgba(0, 0, 0, 0.48);
  --media-fade:   rgba(20, 23, 28, 0.55);

  --scroll-thumb: rgba(240, 180, 41, 0.45);
  --scroll-thumb-hover: rgba(240, 180, 41, 0.78);

  /* صفحهٔ لوگو (همیشه روشن روی هر تم) */
  --logo-plate-bg: #FAFAF7;
  --logo-plate-border: rgba(20, 23, 28, 0.12);
  --logo-plate-name: rgba(20, 23, 28, 0.72);
  --logo-plate-shadow: 0 0 1.35rem rgba(240, 180, 41, 0.32);
  --logo-plate-shadow-hover: 0 0 1.85rem rgba(240, 180, 41, 0.42);

  /* هالهٔ نرم بالای فوتر — جداسازی بدون خط */
  --footer-halo:
    0 -0.75rem 1.75rem rgba(0, 0, 0, 0.22),
    0 -2.25rem 4.5rem rgba(0, 0, 0, 0.30),
    0 -5rem 9rem rgba(0, 0, 0, 0.24);
  --footer-lip: rgba(250, 250, 247, 0.07);

  --theme-meta: #14171C;
}

/* ═══════════ لایت — کاغذ روشن ═══════════ */
[data-theme="light"] {
  color-scheme: light;

  --bg:        #FAFAF7;
  --bg-raised: #F1F0EA;
  --bg-soft:   #E8E6DE;
  --bg-card:   #FFFFFF;

  --text:       #14171C;
  --text-dim:   rgba(20, 23, 28, 0.68);
  --text-faint: rgba(20, 23, 28, 0.44);

  --line:        rgba(20, 23, 28, 0.10);
  --line-strong: rgba(20, 23, 28, 0.20);

  --glass-bg:     rgba(250, 250, 247, 0.88);
  --overlay:      rgba(20, 23, 28, 0.48);
  --dot-grid:     rgba(20, 23, 28, 0.05);
  --ghost-stroke: rgba(20, 23, 28, 0.08);
  --stroke-faint: rgba(20, 23, 28, 0.16);
  --shadow-drop:  rgba(20, 23, 28, 0.14);
  --media-fade:   rgba(250, 250, 247, 0.62);

  --scroll-thumb: rgba(240, 180, 41, 0.7);
  --scroll-thumb-hover: #F0B429;

  --logo-plate-bg: #FFFFFF;
  --logo-plate-border: rgba(20, 23, 28, 0.12);
  --logo-plate-name: rgba(20, 23, 28, 0.72);
  --logo-plate-shadow: 0 0 1.35rem rgba(20, 23, 28, 0.16);
  --logo-plate-shadow-hover: 0 0 1.85rem rgba(20, 23, 28, 0.24);

  --footer-halo:
    0 -0.75rem 1.5rem rgba(20, 23, 28, 0.07),
    0 -2rem 4rem rgba(20, 23, 28, 0.09),
    0 -4.5rem 8rem rgba(20, 23, 28, 0.07);
  --footer-lip: rgba(20, 23, 28, 0.08);

  --theme-meta: #FAFAF7;
}

/* ── نام‌های قدیمی → توکن معنایی (سازگاری) ── */
:root,
[data-theme="dark"],
[data-theme="light"] {
  --c-ink-raised: var(--bg-raised);
  --c-ink-soft:   var(--bg-soft);
  --c-text:       var(--text);
  --c-text-dim:   var(--text-dim);
  --c-text-faint: var(--text-faint);
  --c-line:       var(--line);
  --c-line-strong: var(--line-strong);
  --c-ink-on-paper:     var(--text);
  --c-ink-on-paper-dim: var(--text-dim);
  --c-line-on-paper:    var(--line);
  --inv-bg:        var(--bg-raised);
  --inv-text:      var(--text);
  --inv-text-dim:  var(--text-dim);
  --inv-line:      var(--line);
}