/* ======================================================================
   توکن‌های طراحی - تنها منبع رنگ‌ها و گردی‌های برند
   ----------------------------------------------------------------------
   هم ناحیه کاربری (از طریق head.tpl) و هم صفحه‌های سفارش
   (order-builder.php، addon-purchase.php، order-complete.php) همین
   فایل رو لود می‌کنن. قبلاً هر کدوم پالت خودشون رو با کد رنگ مستقیم
   داشتن و اولین تغییر رنگ برند باعث می‌شد از هم فاصله بگیرن.
   رنگ برند رو فقط اینجا عوض کنید.
   ====================================================================== */
:root {
    /* سطح‌ها */
    --app-bg: #0b0f19;
    --app-sidebar-bg: #0b0f19;
    --app-panel-bg: #131722;
    --app-panel-bg-alt: #161b26;

    /* مرزها */
    --app-border: #1e293b;
    --app-border-lifted: #334155;
    --app-border-hover: #475569;

    /* متن */
    --app-text: #e1e3e8;
    --app-text-muted: #94a3b8;

    /* رنگ برند */
    --app-accent: #2563eb;
    --app-accent-hover: #3b82f6;
    --app-accent-soft: rgba(37, 99, 235, 0.15);

    /* رنگ‌های معنایی */
    --app-ok: #34d399;
    --app-ok-bg: rgba(16, 185, 129, 0.12);
    --app-ok-border: rgba(16, 185, 129, 0.28);
    --app-warn: #fbbf24;
    --app-danger: #fb7185;

    /* گردی گوشه‌ها */
    --app-radius-sm: 0.5rem;
    --app-radius-md: 0.75rem;
    --app-radius-lg: 1rem;
}