@charset "UTF-8";

/* ==========================================================================
   مسیر: /home3/pishoool/public_html/mvp/eye/assets/css/styles.css
   Main Stylesheet (Modular Entry Point)
   توضیحات: این فایل نقطه ورود اصلی تمام استایل های برنامه است.
   ترتیب فراخوانی (Cascade) برای اعمال صحیح متغیرها و استایل ها الزامی است.
   ========================================================================== */

/* 1. Core Tokens & Themes (متغیرهای پایه و پوسته های رنگی)
   باید ابتدا بارگذاری شوند تا در تمام فایل های بعدی در دسترس باشند.
   -------------------------------------------------------------------------- */
@import url('./modules/variables.css');
@import url('./modules/themes.css');


/* 2. Base & Reset (تنظیمات پایه، ریست مرورگر و تایپوگرافی)
   استایل های تگ های پایه مانند html, body, button و...
   -------------------------------------------------------------------------- */
@import url('./modules/base.css');


/* 3. UI Components (کامپوننت های رابط کاربری)
   تکه های مختلف برنامه بر اساس ساختار ماژولار
   -------------------------------------------------------------------------- */
@import url('./modules/header.css');         /* استایل های هدر و دکمه تغییر تم */
@import url('./modules/simulator.css');      /* استیج اصلی، انیمیشن ها و ساختار عینک */
@import url('./modules/controls.css');       /* پنل کاربری، تب های مراحل و ساختار گرید */
@import url('./modules/color-controls.css'); /* استایل های اختصاصی انتخاب گر رنگ و پالت ها */
@import url('./modules/checkout.css');       /* بخش خلاصه فاکتور و دکمه های تایید نهایی */
@import url('./modules/health-modal.css');   /* استایل های مودال مشاوره سلامت و تگ های نسخه */


/* 4. Utilities (کلاس های کاربردی و کمکی - در صورت نیاز در اینده)
   کلاس هایی مانند .text-center, .mt-2, .hidden و ... که بیشترین اولویت را دارند.
   -------------------------------------------------------------------------- */
/* @import url('./modules/utilities.css'); */