/* VORTEX — الرموز المركزية (Design Tokens). تُحمَّل أولًا في كل صفحة، بما فيها القارئ والإدارة. */
:root {
    --ds-header-h: 68px;
    /* الألوان الأساسية */
    --ds-bg: #05080c;
    --ds-bg-raised: #0a0e13;
    --ds-surface: #0c1217;
    --ds-surface-2: #111820;
    --ds-line: rgba(255, 255, 255, 0.08);
    --ds-line-strong: rgba(255, 255, 255, 0.16);

    /* النص */
    --ds-text: #eef6f9;
    --ds-text-2: #b9c3cc;
    --ds-text-3: #8a96a3;

    /* لون العلامة */
    --ds-accent: #13abd2;
    --ds-accent-hi: #76e5fd;
    --ds-accent-ink: #04151c;   /* النص فوق الخلفية الملوّنة */

    /* حالات */
    --ds-success: #48d59b;
    --ds-warning: #f5c451;
    --ds-danger: #ff8a9b;


    /* رموز مشتقة مُوحّدة (قيم مطابقة للمرجع) */
    --ds-mute: #94A3AD;
    --ds-bg-deep: #07090D;
    --ds-ink-deep: #031116;
    --ds-ink-deep2: #041015;
    --ds-ink-deep3: #03151B;
    --ds-text-strong: #EEF6F9;
    --ds-text-soft: #D4E2E8;
    --ds-text-2b: #D4DBE2;
    --ds-text-2c: #CFD7DF;
    --ds-text-3b: #8A94A0;
    --ds-text-white: #FFFFFF;
    --ds-warn-soft: #FFD982;
    --ds-warn-2: #F6D58E;
    --ds-warn-ink: #1B1405;
    --ds-danger-soft: #FF9AA8;
    --ds-bg-alt: #0B1118;

    /* الخطوط */
    --ds-font: "IBM Plex Sans Arabic", "Segoe UI", Tahoma, Arial, sans-serif;
    --ds-font-mono: "IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace;

    /* سلم أحجام النص */
    --ds-fs-xs: 12px;
    --ds-fs-sm: 13.5px;
    --ds-fs-md: 15px;
    --ds-fs-lg: 17px;
    --ds-fs-h3: 20px;
    --ds-fs-h2: clamp(24px, 3vw, 30px);
    --ds-fs-h1: clamp(30px, 4.4vw, 48px);

    /* سلم المسافات (4px) */
    --ds-s1: 4px;  --ds-s2: 8px;  --ds-s3: 12px; --ds-s4: 16px;
    --ds-s5: 24px; --ds-s6: 32px; --ds-s7: 48px; --ds-s8: 64px;

    /* الحواف والظلال */
    --ds-r-sm: 8px; --ds-r-md: 12px; --ds-r-lg: 16px; --ds-r-pill: 999px;
    --ds-shadow: 0 18px 40px -20px rgba(0, 0, 0, 0.9);
    --ds-ease: 180ms cubic-bezier(0.2, 0.6, 0.2, 1);
    --ds-container: 1200px;
}