/* ══════════════════════════════════════════════════════════════
   مستودع مسك — Design Tokens
   هوية طبية احترافية · شريط جانبي داكن · ثيم فاتح/داكن · RTL
   ══════════════════════════════════════════════════════════════ */
:root {
    /* العلامة (teal طبي) */
    --brand-50:  #f0fdfa;
    --brand-100: #ccfbf1;
    --brand-200: #99f6e4;
    --brand-300: #5eead4;
    --brand-400: #2dd4bf;
    --brand-500: #14b8a6;
    --brand-600: #0d9488;
    --brand-700: #0f766e;
    --brand-800: #115e59;
    --brand: var(--brand-600);
    --brand-strong: var(--brand-700);
    --brand-tint: var(--brand-50);
    --brand-soft: var(--brand-100);
    --on-brand: #ffffff;

    --accent: #f59e0b;
    --accent-soft: #fef3c7;

    /* لوحة ألوان حيوية (بهجة) */
    --violet:  #7c5cff; --violet-soft:  #ece9ff;
    --sky:     #0ea5e9; --sky-soft:     #e0f2fe;
    --rose:    #fb5c7d; --rose-soft:    #ffe5ec;
    --emerald: #10b981; --emerald-soft: #d6f7e9;
    --sun:     #f59e0b; --sun-soft:     #fef0d3;
    --grape:   #a855f7; --grape-soft:   #f3e8ff;

    /* دلالات */
    --success: #16a34a; --success-soft: #dcfce7;
    --warning: #d97706; --warning-soft: #fef3c7;
    --danger:  #e11d48; --danger-soft:  #ffe4e6;
    --info:    #3b82f6; --info-soft:    #dbeafe;

    /* محايدات (سليت باردة فاتحة ومبهجة) */
    --bg:        #eef3fb;
    --surface:   #ffffff;
    --surface-2: #f7f9fc;
    --surface-3: #eff3f9;
    --text:      #0f1b2d;
    --text-2:    #5a6b82;
    --text-3:    #93a1b5;
    --border:    #e4eaf2;
    --border-2:  #d6deea;

    /* الشريط الجانبي (داكن دائماً) */
    --side-bg: linear-gradient(185deg, #0d2230 0%, #0a1820 60%, #081016 100%);
    --side-text: #93a7b8;
    --side-text-strong: #eef5f9;
    --side-hover: rgba(255,255,255,.06);
    --side-border: rgba(255,255,255,.07);
    --side-active: linear-gradient(135deg, var(--brand-500), var(--brand-700));
    --side-active-glow: rgba(13,148,136,.45);

    /* أنصاف أقطار */
    --r-xs: 6px; --r-sm: 9px; --r: 13px; --r-lg: 17px; --r-xl: 22px; --r-full: 999px;

    /* ظلال */
    --sh-xs: 0 1px 2px rgba(15,27,45,.05);
    --sh-sm: 0 1px 3px rgba(15,27,45,.06), 0 1px 2px rgba(15,27,45,.04);
    --sh:    0 6px 16px -6px rgba(15,27,45,.12), 0 2px 6px -3px rgba(15,27,45,.07);
    --sh-md: 0 14px 32px -10px rgba(15,27,45,.16), 0 4px 10px -6px rgba(15,27,45,.08);
    --sh-lg: 0 28px 60px -14px rgba(15,27,45,.24);
    --sh-brand: 0 8px 22px -8px var(--side-active-glow);

    --font: 'Cairo', system-ui, sans-serif;
    --ease: cubic-bezier(.4,0,.2,1);
    --spring: cubic-bezier(.34,1.4,.5,1);
    --t: .2s var(--ease);

    --sidebar-w: 264px;
    --topbar-h: 66px;
    --container: 1240px;
}

[data-theme="dark"] {
    --bg:        #0a0f15;
    --surface:   #131a23;
    --surface-2: #0f161e;
    --surface-3: #1b2531;
    --text:      #e8eef6;
    --text-2:    #97a6ba;
    --text-3:    #5f7088;
    --border:    #243040;
    --border-2:  #2d3a4c;

    --brand: var(--brand-400);
    --brand-strong: var(--brand-500);
    --brand-tint: rgba(45,212,191,.08);
    --brand-soft: rgba(45,212,191,.14);

    --success-soft: rgba(22,163,74,.16);
    --warning-soft: rgba(217,119,6,.16);
    --danger-soft:  rgba(225,29,72,.16);
    --info-soft:    rgba(59,130,246,.16);
    --accent-soft:  rgba(245,158,11,.16);
    --violet-soft:  rgba(124,92,255,.16);
    --sky-soft:     rgba(14,165,233,.16);
    --rose-soft:    rgba(251,92,125,.16);
    --emerald-soft: rgba(16,185,129,.16);
    --sun-soft:     rgba(245,158,11,.16);
    --grape-soft:   rgba(168,85,247,.16);

    --sh-xs: 0 1px 2px rgba(0,0,0,.3);
    --sh-sm: 0 2px 6px rgba(0,0,0,.32);
    --sh:    0 8px 22px -8px rgba(0,0,0,.45);
    --sh-md: 0 16px 36px -12px rgba(0,0,0,.55);
    --sh-lg: 0 30px 64px -16px rgba(0,0,0,.65);

    --side-bg: linear-gradient(185deg, #0c1820 0%, #080e13 100%);
}