/*
 * =============================================================================
 * color.css — تنها منبع رنگ‌های کل سایت
 * هر رنگ برند / متن / پس‌زمینه / وضعیت را اینجا تغییر دهید تا در همه صفحات اعمال شود.
 * این فایل در base.html و base_auth.html قبل از بقیهٔ CSSها لود می‌شود.
 * =============================================================================
 */

:root {
    /* ——— برند اصلی ——— */
    --color-primary: #5e0d94;
    --color-primary-dark: #550f76;
    --color-primary-light: #ad14b8;
    --color-primary-soft: #fbf0fd;
    --color-primary-muted: #f6ccfb;

    /* ——— اکسنت ——— */
    --color-accent: #b002c7;
    --color-accent-soft: #f7e0fe;
    --color-accent-dark: #9603a1;
    --color-info: #ca25eb;
    --color-info-dark: #861eaf;
    --color-info-deep: #c81dd8;
    --color-info-bg: #f9dbfe;
    --color-purple: #e13aed;
    --color-purple-bg: #f9e9fe;

    /* ——— سطح / پس‌زمینه ——— */
    --color-surface: #ffffff;
    --color-surface-muted: #f8fafc;
    --color-surface-subtle: #f1f5f9;
    --bg-gray-soft: #f8fafc;
    --bg-white: #ffffff;
    --bg-white-opacity: rgba(255, 255, 255, 0.95);

    /* ——— متن ——— */
    --color-text: #500469;
    --color-text-secondary: #664769;
    --color-text-muted: #b394b8;
    --color-text-muted-strong: #86648b;
    --color-text-inverse: #ffffff;
    --color-text-strong: #250f2a;
    --color-text-body-dark: #4e3355;
    --color-text-amber-deep: #78350f;
    --color-error-hover: #b91c1c;
    --text-main: var(--color-text);
    --text-secondary: var(--color-text-secondary);
    --text-white: #ffffff;

    /* ——— حاشیه ——— */
    --color-border: #e2e8f0;
    --color-border-light: #f1f5f9;
    --color-border-strong: #cbd5e1;
    --color-success-border: #e3a7f3;
    --color-error-border: #fecaca;
    --color-error-border-strong: #f87171;
    --color-warning-border: #fde68a;
    --color-urgent-border: #fca5a5;
    --border-light: var(--color-border);
    --border-hover-primary: var(--color-primary);

    /* ——— وضعیت ——— */
    --color-success: #059669;
    --color-success-bg: #ecfdf5;
    --color-success-text: #065f46;
    --color-error: #dc2626;
    --color-error-bg: #fef2f2;
    --color-error-text: #991b1b;
    --color-warning: #d97706;
    --color-warning-bg: #fffbeb;
    --color-warning-text: #92400e;
    --color-warning-soft: #fef3c7;

    /* ——— گرادیان ——— */
    --gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, var(--color-accent) 100%);
    --gradient-hero: linear-gradient(180deg, var(--color-surface) 0%, var(--color-surface-muted) 100%);
    --gradient-subtle: linear-gradient(135deg, var(--color-primary-soft) 0%, var(--color-accent-soft) 100%);
    --gradient-brand-rich: linear-gradient(135deg, var(--color-primary-dark) 0%, var(--color-accent-dark) 50%, var(--color-primary-dark) 100%);
    --gradient-cta: linear-gradient(135deg, var(--color-primary-dark) 0%, var(--color-primary) 40%, var(--color-accent) 100%);
    --gradient-mobile-hero: linear-gradient(165deg, var(--color-success-bg) 0%, var(--color-surface-subtle) 45%, var(--color-surface) 100%);
    --gradient-primary-1: var(--gradient-primary);
    --gradient-primary-2: var(--gradient-primary);
    --gradient-hero-old: var(--gradient-hero);

    /* ——— سازگاری نام‌های قدیمی ——— */
    --color-primary-indigo: var(--color-accent);
    --color-primary-purple: var(--color-primary);
    --color-primary-purple-dark: var(--color-primary-dark);
    --color-primary-indigo-dark: var(--color-accent-dark);
    --color-secondary-pink-light: var(--color-primary-muted);
    --color-secondary-pink: var(--color-primary-light);
    --color-secondary-cyan: var(--color-primary-light);
    --color-secondary-cyan-light: var(--color-primary-muted);
    --color-accent-green: var(--color-success);
    --color-accent-yellow: var(--color-warning);
    --color-accent-red: var(--color-error);

    /* ——— وضعیت سفارش ——— */
    --status-pending-bg: var(--color-warning-bg);
    --status-pending-text: var(--color-warning-text);
    --status-paid-bg: var(--color-success-bg);
    --status-paid-text: var(--color-success-text);
    --status-printing-bg: var(--color-accent-soft);
    --status-printing-text: var(--color-info-dark);
    --status-ready-bg: var(--color-primary-muted);
    --status-ready-text: var(--color-primary-dark);
    --status-delivered-bg: var(--color-success-bg);
    --status-delivered-text: var(--color-success-text);
    --status-cancelled-bg: var(--color-error-bg);
    --status-cancelled-text: var(--color-error-text);

    /* ——— UI لایه (مصرف در site-theme) ——— */
    --ui-page-bg: var(--bg-gray-soft);
    --ui-surface: var(--color-surface);
    --ui-surface-muted: var(--color-surface-muted);
    --ui-surface-accent: var(--color-primary-soft);
    --ui-text-heading: var(--color-text);
    --ui-text-body: var(--color-text-secondary);
    --ui-text-muted: var(--color-text-muted);
    --ui-text-inverse: var(--color-text-inverse);
    --ui-text-inverse-muted: rgba(255, 255, 255, 0.85);
    --ui-border: var(--color-border);
    --ui-border-strong: var(--color-border-strong);
    --ui-primary: var(--color-primary);
    --ui-primary-dark: var(--color-primary-dark);
    --ui-primary-light: var(--color-primary-light);
    --ui-accent: var(--color-accent);
    --ui-success-bg: var(--color-success-bg);
    --ui-success-text: var(--color-success-text);
    --ui-error-bg: var(--color-error-bg);
    --ui-error-text: var(--color-error-text);
    --ui-warning-bg: var(--color-warning-bg);
    --ui-warning-text: var(--color-warning-text);

    /* ——— هدر / فوتر / خانه ——— */
    --hdr-text: var(--color-text-strong);
    --hdr-text-body: var(--color-text-body-dark);
    --hdr-text-soft: var(--color-text-secondary);
    --ftr-text: var(--color-text-strong);
    --ftr-text-body: var(--color-text-body-dark);
    --ftr-text-soft: var(--color-text-secondary);
    --home-text: var(--color-text-strong);
    --home-text-body: var(--color-text-body-dark);
    --home-text-soft: var(--color-text-secondary);
    --home-text-muted: var(--color-text-muted-strong);
    --home-primary: var(--color-primary-dark);
    --home-primary-bright: var(--color-primary);

    /* ——— موبایل ——— */
    --m-bg: var(--color-surface-subtle);
    --m-surface: var(--color-surface);
    --m-text: var(--color-text-strong);
    --m-text-soft: var(--color-text-muted-strong);

    /* ——— شعاع / سایه / فاصله (غیررنگی ولی مشترک) ——— */
    --radius-sm: 0.5rem;
    --radius-md: 0.75rem;
    --radius-lg: 1rem;
    --radius-xl: 1.25rem;
    --radius-2xl: 1.5rem;
    --shadow-xs: 0 1px 2px rgba(42, 15, 42, 0.04);
    --shadow-sm: 0 2px 8px rgba(42, 15, 42, 0.06);
    --shadow-md: 0 8px 24px rgba(42, 15, 40, 0.08);
    --shadow-lg: 0 16px 48px rgba(42, 15, 42, 0.1);
    --header-height: 4.5rem;
    --container-max: 75rem;
    --transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}