/* * هویتِ بصریِ جدید — فقط برای صفحاتِ ورود / وریفای / فراموشیِ رمز عبور. * متغیرهای CSS مستقل، بدونِ وابستگی به تنظیماتِ Tailwind فعلی (که برایم قابل‌مشاهده * نبود) — یعنی بدونِ نیاز به rebuild کار می‌کند. * افزودن به پروژه: یک * در ی base.html، بعد از output.css. */ :root { --color-brand-midnight: #0F2747; /* اصلی — اعتماد، ثبات */ --color-brand-silver: #A9B2BC; /* مکمل — بلوغ، نظم */ --color-brand-cyan: #00B8D9; /* تأکیدی — نوآوری، پویایی */ --color-brand-soft: #F7F8FA; /* زمینه — شفافیت، سادگی */ } .bg-brand-midnight { background-color: var(--color-brand-midnight); } .bg-brand-cyan { background-color: var(--color-brand-cyan); } .bg-brand-soft { background-color: var(--color-brand-soft); } .text-brand-midnight { color: var(--color-brand-midnight); } .text-brand-cyan { color: var(--color-brand-cyan); } .text-brand-silver { color: var(--color-brand-silver); } .border-brand-silver { border-color: var(--color-brand-silver); } .focus-ring-cyan { outline: none; border-color: var(--color-brand-silver); } .focus-ring-cyan:focus { outline: none; border-color: var(--color-brand-cyan); box-shadow: 0 0 0 2px var(--color-brand-cyan); }