/* ─── Zone: Home — توکن رنگ صفحه اصلی ─── */
.mk-page--welcome,
#mk-welcome {
    /* === Light mode (default) === */
    /* Brand / accent */
    --mk-primary: var(--primary-color, #06b6d4);
    --mk-primary-dark: var(--primary-dark, #0891b2);
    --mk-primary-soft: #c4a7a4;

    /* Surfaces */
    --mk-surface: #d6e0e67d;
    --mk-surface-2: #ebf2ef;
    --mk-surface-3: #5cabe7fe;
    --mk-surface-4: #f7bcb4b9;
    --mk-surface-5: #a9bdefcb;

    /* Borders */
    --mk-border: #060301;

    /* Text */
    --mk-text: #000000;
    --mk-text: #000000;
    --mk-muted: #000000;
    --mk-muted-Text: #9f1f1f;

    /* Semantic */
    --mk-success: #059669;
    --wl-tagline-color: #f59e0b;

    /* Buttons */
    --mk-btn1: #3d2ec6;
    --mk-btn1-H: #10c464;

    /* Pricing */
    --mk-price-color: #0e7490;

    /* Radius / Shadows / Ease */
    --mk-radius: 12px;
    --mk-radius-lg: 18px;
    --mk-shadow-sm: 0 1px 2px rgba(27, 9, 9, 0.779);
    --mk-shadow: 0 4px 20px rgba(30, 20, 11, 0.895);
    --mk-shadow-lg: 0 16px 40px rgba(3, 10, 21, 0.836);
    --mk-ease: cubic-bezier(0.22, 1, 0.36, 1);

    /* Zone fonts */
    --zone-font-display: 'Diaplo', 'Mikhak-R', sans-serif;
    --zone-font-body: 'Mikhak-R', sans-serif;
}

/* ─── Dark mode ─── */
[data-theme="dark"] .mk-page--welcome,
[data-theme="dark"] #mk-welcome {
    /* Brand / accent */
    --mk-primary: #22d3ee;
    --mk-primary-dark: #c41212;
    --mk-primary-soft: rgba(66, 179, 189, 0.903);

    /* Surfaces */
    --mk-surface: #111827;
    --mk-surface-2: #0b1220;
    --mk-surface-3: #1f2937;
    --mk-surface-4: #3f57b578;
    --mk-surface-5: #a9bdef81;

    /* Borders */
    --mk-border: #334155;

    /* Text */
    --mk-text: #c0b5b5;
    --mk-text-2: #f7f7f7;
    --mk-muted: #f4f6ff;
    --mk-muted-Text: #fca5a5;

    /* Semantic */
    --mk-success: #059669;
    --wl-tagline-color: #fbbf24;

    /* Buttons */
    --mk-btn1: #1e293b;
    --mk-btn1-H: #334155;

    /* Pricing */
    --mk-price-color: #bef264;

    /* Radius / Shadows / Ease (structural) */
    --mk-radius: 12px;
    --mk-radius-lg: 18px;
    --mk-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
    --mk-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
    --mk-shadow-lg: 0 16px 40px rgba(0, 0, 0, 0.4);
    --mk-ease: cubic-bezier(0.22, 1, 0.36, 1);

    /* Zone fonts */
    --zone-font-display: 'Diaplo', 'Mikhak-R', sans-serif;
    --zone-font-body: 'Mikhak-R', sans-serif;
}