/* ==========================================================================
   00 - VARIABLES / TOKENS / RESET / BASE TYPOGRAPHY
   ویرایش رنگ‌ها، فونت‌ها و فاصله‌گذاری کل سایت اینجا انجام می‌شود.
   ========================================================================== */

:root{
  /* رنگ‌ها */
  --bg-0:#12141C;
  --bg-1:#1B1E29;
  --bg-2:#232733;
  --footer-bg:#0D0F16;
  --green:#7CFC00;
  --lavender:#E6E6FA;
  --lavender-deep:#8B7FD1;
  --text-heading:#F3F4F2;
  --text-body:#C7CAD1;
  --text-muted:#9CA3AF;
  --hairline:#2A2E3B;

  /* شعاع گوشه‌ها */
  --radius-sm:8px;
  --radius-md:12px;
  --radius-lg:16px;
  --radius-xl:24px;

  /* فاصله‌گذاری (بر پایه ۸px) */
  --space-1:8px;
  --space-2:16px;
  --space-3:24px;
  --space-4:32px;
  --space-6:48px;
  --space-8:64px;
  --space-12:96px;

  /* سایه‌ها */
  --shadow-1:0 2px 8px rgba(0,0,0,.2);
  --shadow-2:0 4px 20px rgba(0,0,0,.25);
  --shadow-3:0 12px 40px rgba(0,0,0,.4);
  --shadow-green:0 8px 24px rgba(124,252,0,.25);
}

*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth;}
body{
  font-family:'Vazirmatn', Tahoma, sans-serif;
  background:var(--bg-0);
  color:var(--text-body);
  line-height:1.7;
  overflow-x:hidden;
}
img,svg{display:block; max-width:100%;}
a{color:inherit; text-decoration:none;}
button{font-family:inherit; cursor:pointer; border:none; background:none;}
ul{list-style:none;}

.container{max-width:1200px; margin:0 auto; padding:0 24px;}
section{padding:96px 0;}
@media(max-width:768px){ section{padding:56px 0;} }

h1,h2,h3{color:var(--text-heading); font-weight:800; line-height:1.2;}
h1{font-size:56px; line-height:1.15;}
h2{font-size:40px;}
h3{font-size:24px; font-weight:700;}

@media(max-width:768px){
  h1{font-size:32px;}
  h2{font-size:26px;}
  h3{font-size:20px;}
}

.eyebrow{
  display:inline-flex; align-items:center; gap:8px;
  font-size:13px; font-weight:600; color:var(--green);
  letter-spacing:.02em; margin-bottom:12px;
}
.eyebrow::before{content:""; width:6px; height:6px; border-radius:50%; background:var(--green);}

.section-head{max-width:640px; margin-bottom:56px;}
.section-head p{color:var(--text-muted); font-size:18px; margin-top:14px;}
@media(max-width:768px){ .section-head{margin-bottom:36px;} }

a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible{
  outline:2px solid var(--green); outline-offset:2px;
}