/* ==========================================================================
   variables.css — تم پرمیوم تیره طلانیکس (2026)
   ========================================================================== */

:root {

  /* ---------- پس‌زمینه عمیق ---------- */
  --bg-deep-1: #0A0D11;
  --bg-deep-2: #12161C;
  --bg-deep-3: #171C24;

  /* ---------- رنگ‌های برند ---------- */
  --teal:       #12B3A8;
  --teal-light: #3FE0D3;
  --teal-dark:  #0E8F86;
  --gold:       #C7B04A;
  --gold-light: #F2DE84;
  --gold-dark:  #9E8A32;

  /* ---------- گرادیان‌ها ---------- */
  --grad-gold: linear-gradient(135deg, var(--gold-light) 0%, var(--gold) 55%, var(--gold-dark) 100%);
  --grad-teal: linear-gradient(135deg, var(--teal-light) 0%, var(--teal) 55%, var(--teal-dark) 100%);
  --grad-brand: linear-gradient(120deg, var(--teal) 0%, #1a8fae 45%, var(--gold) 100%);
  --grad-mesh:
    radial-gradient(circle at 12% 8%,  rgba(18,179,168,0.25) 0%, transparent 42%),
    radial-gradient(circle at 88% 18%, rgba(199,176,74,0.18) 0%, transparent 40%),
    radial-gradient(circle at 25% 85%, rgba(199,176,74,0.12) 0%, transparent 45%),
    radial-gradient(circle at 90% 92%, rgba(18,179,168,0.16) 0%, transparent 40%);

  /* ---------- شیشه (Glass) ---------- */
  --glass-bg: rgba(255,255,255,0.045);
  --glass-bg-strong: rgba(255,255,255,0.08);
  --glass-border: 1px solid rgba(255,255,255,0.12);
  --glass-border-gold: 1px solid rgba(199,176,74,0.4);
  --glass-blur: blur(22px);
  --glow-teal: 0 0 50px rgba(18,179,168,0.28);
  --glow-gold: 0 0 50px rgba(199,176,74,0.28);
  --shadow-deep: 0 20px 60px rgba(0,0,0,0.45);
  --shadow-soft: 0 8px 30px rgba(0,0,0,0.3);

  /* ---------- متن ---------- */
  --text-primary:   #F6F4EC;
  --text-secondary: rgba(246,244,236,0.72);
  --text-muted:     rgba(246,244,236,0.5);
  --text-on-gold:   #241D02;

  /* ---------- دکمه‌ها ---------- */
  --btn-bg-default: var(--grad-teal);
  --btn-bg-hover:   var(--teal-light);
  --btn-border:     var(--gold);
  --border-main:    var(--gold-dark);

  /* ---------- فونت‌ها ---------- */
  --font-body: 'Yekan', Tahoma, sans-serif;
  --font-heading: 'MJ-SAMRA', 'Yekan', Tahoma, sans-serif;

  /* ---------- تایپوگرافی فلوئید (رسپانسیو خودکار) ---------- */
  --fs-sm:  clamp(0.85rem, 0.8rem + 0.2vw, 0.95rem);
  --fs-base:clamp(1rem, 0.95rem + 0.25vw, 1.1rem);
  --fs-md:  clamp(1.1rem, 1rem + 0.4vw, 1.3rem);
  --fs-lg:  clamp(1.4rem, 1.2rem + 0.8vw, 1.8rem);
  --fs-xl:  clamp(1.8rem, 1.5rem + 1.2vw, 2.4rem);
  --fs-xxl: clamp(2.2rem, 1.7rem + 2.4vw, 3.6rem);

  /* ---------- فاصله‌ها ---------- */
  --space-xs: 8px;
  --space-sm: 16px;
  --space-md: 24px;
  --space-lg: clamp(40px, 6vw, 72px);
  --space-xl: clamp(64px, 9vw, 120px);

  /* ---------- شعاع گردی ---------- */
  --radius-sm: 12px;
  --radius-md: 22px;
  --radius-lg: 32px;
  --radius-full: 999px;

  /* ---------- انیمیشن ---------- */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --transition-fast: 0.25s var(--ease-out);
  --transition-medium: 0.5s var(--ease-out);
  --transition-slow: 0.8s var(--ease-out);

  --header-height: 84px;
  --header-height-scrolled: 64px;
  --container-max: 1240px;
}