/* ─── Zone: Contact — تماس با ما ─── */
.mk-page--contact,
#mk-contact {
    /* === Light mode (default) === */
    /* Brand / accent — Amber like blog */
    --mk-primary: #f59e0b;
    --mk-primary-dark: #d97706;
    --mk-primary-soft: rgba(245, 158, 11, 0.12);
    --mk-primary-soft-header: rgba(245, 158, 11, 0.08);
    --mk-primary-soft-background: #fffbeb;

    /* Surfaces */
    --mk-surface: #f9f2da;
    --mk-surface-2: #ced7e592;
    --mk-surface-3: #ff5d00;
    --mk-surface-4: #fde68a4d;
    --mk-surface-5: #fcd34d7d;
    --mk-surface-6: #091c37;

    /* Borders */
    --mk-border: #4b1052;

    /* Text */
    --mk-text: #ffffff;
    --mk-text-2: #000000;
    --mk-muted: #16252a;
    --mk-muted-Text: #b16a19;

    /* Semantic */
    --mk-success: #059669;

    /* Buttons */
    --mk-btn1: #663b0b;
    --mk-btn1-H: #b45309;

    /* Radius / Shadows / Ease */
    --mk-radius: 12px;
    --mk-radius-lg: 18px;
    --mk-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --mk-shadow: 0 4px 20px rgba(245, 158, 11, 0.12);
    --mk-shadow-lg: 0 16px 40px rgba(245, 158, 11, 0.18);
    --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--contact,
[data-theme="dark"] #mk-contact {
    /* Brand / accent — Amber like blog */
    --mk-primary: #fbbf24;
    --mk-primary-dark: #f59e0b;
    --mk-primary-soft: rgba(245, 158, 11, 0.2);
    --mk-primary-soft-header: rgba(245, 158, 11, 0.15);
    --mk-primary-soft-background: #451a03;

    /* Surfaces */
    --mk-surface: #1e293b;
    --mk-surface-2: #0f172a;
    --mk-surface-3: #292524;
    --mk-surface-4: #78350f4d;
    --mk-surface-5: #92400e7d;
    --mk-surface-6: #92400e7d;

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

    /* Text */
    --mk-text: #f8fafc;
    --mk-text-2: #dbb741;
    --mk-muted: #94a3b8;
    --mk-muted-Text: #fbbf24;

    /* Semantic */
    --mk-success: #059669;

    /* Buttons */
    --mk-btn1: #f59e0b;
    --mk-btn1-H: #fbbf24;

    /* 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;
}