:root {
        --dp-primary: #2563eb;
        --dp-primary-dark: #1d4ed8;
        --dp-primary-soft: rgba(37, 99, 235, 0.12);
        --dp-primary-soft2: rgba(37, 99, 235, 0.08);
        --dp-primary-glow: rgba(37, 99, 235, 0.22);
        /* توافق مع الأسماء القديمة في القوالب */
        --dp-lime: var(--dp-primary);
        --dp-lime-soft: var(--dp-primary-soft);
        --dp-ink: #1e293b;
        --dp-page: #f1f5f9;
        --dp-bg: #ffffff;
        --dp-sheet: #f1f5f9;
        --dp-card: #ffffff;
        --dp-text: #1e293b;
        --dp-muted: #64748b;
        --dp-line: rgba(15, 23, 42, 0.08);
        --dp-on-primary: #ffffff;
        --dp-danger: #ef4444;
        --dp-success: #059669;
        --dp-success-soft: rgba(5, 150, 105, 0.12);
        --portal-nav-h: 64px;
    }

    /* يتبع تفضيل «الوضع الليلي» في الإعدادات — يُضبط مبكراً من portal_i18n_head */
    html[data-st-theme="dark"] {
        color-scheme: dark;
        --dp-primary: #2bb3c0;
        --dp-primary-dark: #249aa6;
        --dp-primary-soft: rgba(43, 179, 192, 0.22);
        --dp-primary-soft2: rgba(43, 179, 192, 0.12);
        --dp-primary-glow: rgba(43, 179, 192, 0.35);
        --dp-lime: var(--dp-primary);
        --dp-lime-soft: var(--dp-primary-soft);
        --dp-ink: #e2e8f0;
        --dp-page: #020617;
        --dp-bg: #0f172a;
        --dp-sheet: #1e293b;
        --dp-card: #1e293b;
        --dp-text: #f1f5f9;
        --dp-muted: #94a3b8;
        --dp-line: rgba(255, 255, 255, 0.1);
        --dp-on-primary: #0f172a;
        --portal-accent: var(--dp-primary);
        /* سطح موحّد مع شيت الخريطة (zinc-900) */
        --dp-surface-zinc: #18181b;
    }
    html[data-st-theme="light"] {
        color-scheme: light;
    }

    html[data-st-theme="dark"] .portal-menu-backdrop {
        background: rgba(2, 6, 23, 0.78);
    }
    html[data-st-theme="dark"] .portal-menu-sheet {
        --pmenu-primary: #2bb3c0;
        --pmenu-primary-dark: #5eead4;
        --pmenu-primary-soft: rgba(43, 179, 192, 0.18);
        --pmenu-primary-tint: rgba(43, 179, 192, 0.35);
        --pmenu-bg: var(--dp-surface-zinc, #18181b);
        --pmenu-card: #27272a;
        --pmenu-text: #f1f5f9;
        --pmenu-muted: #94a3b8;
        --pmenu-line: rgba(255, 255, 255, 0.1);
        --pmenu-soft-bg: #27272a;
    }
    html[data-st-theme="dark"] .portal-menu-sheet .portal-menu-avatar {
        background: #27272a;
        box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35);
    }
    html[data-st-theme="dark"] .portal-menu-item--child {
        color: #cbd5e1;
        background: rgba(39, 39, 42, 0.85);
        border-inline-start-color: rgba(43, 179, 192, 0.45);
    }
    html[data-st-theme="dark"] .portal-menu-group--child-active .portal-menu-item--parent:not(.is-active) {
        background: rgba(43, 179, 192, 0.1);
    }
    html[data-st-theme="dark"] .portal-ready-backdrop {
        background: rgba(2, 6, 23, 0.72);
    }
    html[data-st-theme="dark"] .portal-ready-sheet {
        background: #1e293b;
        box-shadow: 0 -12px 40px rgba(0, 0, 0, 0.45);
    }
    html[data-st-theme="dark"] .portal-ready-sheet-head {
        background: #0f172a;
        border-bottom-color: rgba(255, 255, 255, 0.08);
    }
    html[data-st-theme="dark"] .portal-ready-sheet-title {
        color: #f1f5f9;
    }
    html[data-st-theme="dark"] .portal-ready-sheet-close {
        background: #334155;
        border-color: rgba(255, 255, 255, 0.12);
        color: #cbd5e1;
    }
    html[data-st-theme="dark"] .portal-ready-sheet-body {
        color: #e2e8f0;
    }