/* ==========================================================================
   وب‌مسترپلاس — Design Tokens (Brand Identity)
   منبع واحد رنگ سازمانی — همه صفحات و لندینگ‌ها
   ========================================================================== */

:root {
    /* ── Brand Core ── */
    --wm-brand-primary: #5546c9;
    --wm-brand-primary-dark: #4438a8;
    --wm-brand-primary-deep: #372b7d;
    --wm-brand-purple-soft: #6e5fe8;
    --wm-brand-accent: #fea80d;
    --wm-brand-accent-dark: #e09400;
    --wm-brand-accent-light: #fbbf24;

    /* ── Surfaces & Text ── */
    --wm-brand-bg: #f7f6fe;
    --wm-brand-bg-soft: #faf9ff;
    --wm-brand-surface: #ffffff;
    --wm-brand-ink: #1e242b;
    --wm-brand-muted: #6b6578;
    --wm-brand-border: rgba(85, 70, 201, 0.12);
    --wm-brand-pill: #eeebfc;
    --wm-brand-line: #e8e6f5;
    --wm-brand-border-light: #e8e6f5;

    /* ── Semantic ── */
    --wm-brand-success: #35c52c;
    --wm-brand-danger: #fe0d0d;

    /* ── Footer / Dark sections ── */
    --wm-brand-footer-bg: #4438a8;
    --wm-brand-footer-deep: #372b7d;
    --wm-brand-on-dark-muted: #d4cff9;
    --wm-brand-on-dark-accent: #fbbf24;
    --wm-brand-on-dark-soft: #eeebfc;

    /* Typography — shell (header/footer) + body defaults */
    --wm-font-body: "YekanBakh", Tahoma, sans-serif;
    --wm-font-heading: "YekanBakh", Tahoma, sans-serif;
    --wm-font-shell: "Dana", "YekanBakh", "IRANYekanX", Tahoma, sans-serif;
    --wm-settings-font-body: "YekanBakh";
    --wm-settings-font-heading: "YekanBakh";
    --wm-settings-font-rtl: "YekanBakh";
    --wm-settings-font-size: 16px;
    --wm-settings-font-weight: 400;
    --wm-settings-line-height: 1.6;

    /* ── Glow / Shadow ── */
    --wm-brand-primary-glow: rgba(85, 70, 201, 0.3);
    --wm-brand-accent-glow: rgba(254, 168, 13, 0.35);
    --wm-brand-shadow: 0 22px 56px rgba(60, 49, 140, 0.08);
    --wm-brand-glow-soft: rgba(85, 70, 201, 0.14);
    --wm-brand-glow-strong: rgba(85, 70, 201, 0.32);
    --wm-brand-media-dark: #372b7d;

    /* ── Legacy / Shop ── */
    --wm-legacy-primary: var(--wm-brand-primary);
    --wm-legacy-primary-hover: var(--wm-brand-primary-dark);
    --wm-legacy-gradient-start: var(--wm-brand-primary);
    --wm-legacy-gradient-end: var(--wm-brand-purple-soft);

    /* ── Module aliases (همه ماژول‌ها — یک پالت) ── */
    --wm-module-primary: var(--wm-brand-primary);
    --wm-module-primary-dark: var(--wm-brand-primary-dark);
    --wm-module-primary-deep: var(--wm-brand-primary-deep);
    --wm-module-soft: var(--wm-brand-purple-soft);
    --wm-module-accent: var(--wm-brand-accent);
    --wm-module-accent-light: var(--wm-brand-accent-light);
    --wm-module-bg: var(--wm-brand-bg);
    --wm-module-bg-soft: var(--wm-brand-bg-soft);
    --wm-module-surface: var(--wm-brand-surface);
    --wm-module-line: var(--wm-brand-line);
    --wm-module-ink: var(--wm-brand-ink);
    --wm-module-muted: var(--wm-brand-muted);

    /* ── Tinted surfaces (tags, borders, glows) ── */
    --wm-brand-primary-tint: rgba(85, 70, 201, 0.1);
    --wm-brand-primary-tint-md: rgba(85, 70, 201, 0.14);
    --wm-brand-primary-tint-border: rgba(85, 70, 201, 0.12);
    --wm-brand-accent-tint: rgba(254, 168, 13, 0.15);
    --wm-brand-soft-tint: rgba(110, 95, 232, 0.22);

    /* ── Brand gradients (خانواده بنفش — بدون ترکیب نارنجی) ── */
    --wm-grad-cta: linear-gradient(135deg, var(--wm-brand-primary-dark) 0%, var(--wm-brand-primary) 48%, var(--wm-brand-purple-soft) 100%);
    --wm-grad-cta-90: linear-gradient(90deg, var(--wm-brand-primary-dark), var(--wm-brand-purple-soft));
    --wm-grad-cta-deep: linear-gradient(135deg, var(--wm-brand-primary-deep) 0%, var(--wm-brand-primary) 52%, var(--wm-brand-purple-soft) 100%);
    --wm-grad-cta-vertical: linear-gradient(180deg, var(--wm-brand-primary-dark), var(--wm-brand-purple-soft));

    /* ── Icon / badge gradients (فقط خانواده برند) ── */
    --wm-grad-icon-0: linear-gradient(135deg, var(--wm-brand-primary), var(--wm-brand-purple-soft));
    --wm-grad-icon-1: linear-gradient(135deg, var(--wm-brand-primary-dark), var(--wm-brand-primary));
    --wm-grad-icon-2: linear-gradient(135deg, var(--wm-brand-primary), var(--wm-brand-primary-dark));
    --wm-grad-icon-3: linear-gradient(135deg, var(--wm-brand-purple-soft), var(--wm-brand-primary));
    --wm-grad-icon-4: var(--wm-grad-cta);

    /* ── Global semantic ── */
    --wm-success: var(--wm-brand-success);
    --wm-danger: var(--wm-brand-danger);
    --wm-surface: var(--wm-brand-surface);
    --wm-ink: var(--wm-brand-ink);
    --wm-muted: var(--wm-brand-muted);

    /* ── Responsive breakpoints (reference — see webmaster-responsive.css) ── */
    --wm-bp-sm: 640px;
    --wm-bp-md: 768px;
    --wm-bp-lg: 992px;
    --wm-bp-xl: 1200px;
}