:root{
    /* ===== لوحة الألوان: "سجل" مهني — كحلي/نبيذي/ورقي (الهوية الأساسية، بلا تغيير) ===== */
    --navy:#16233F;
    --navy-deep:#0E1729;
    --navy-soft:#24344F;
    --burgundy:#7A1F2B;
    --burgundy-dark:#5C151F;
    --gold:#B8893E;
    --gold-light:#E8D9B5;
    --paper:#EEF0F7;
    --paper-card:#FFFFFF;
    --ink:#27211D;
    --ink-soft:#5C6470;
    --ink-faint:#8B92A0;
    --line:#E3E6EA;
    --line-navy:#33475C;

    --radius-lg:14px;
    --radius-md:10px;
    --shadow:0 1px 3px rgba(20,30,40,.06), 0 8px 24px rgba(20,30,40,.06);
    --shadow-deep:0 12px 32px rgba(18,29,40,.18);

    --sidebar-w:268px;

    /* ===== نظام تصميم موحَّد — مستلهَم من الهوية المرجعية، بألوان الهوية الأساسية أعلاه ===== */
    --ds-primary:var(--navy);
    --ds-primary-deep:var(--navy-deep);
    --ds-secondary:var(--gold);
    --ds-success:#1E6B47;
    --ds-success-bg:#E7F3EC;
    --ds-warning:#B8860B;
    --ds-warning-bg:#FFF6DF;
    --ds-danger:#A33A3A;
    --ds-danger-bg:#FAEAEA;
    --ds-info:#2C5F8A;
    --ds-info-bg:#E9F2FA;
    --ds-bg:var(--paper);
    --ds-surface:var(--paper-card);
    --ds-border:var(--line);
    --ds-text:var(--ink);
    --ds-text-soft:var(--ink-soft);

    /* مقاييس خطوط ثابتة */
    --fs-h1:1.7rem;
    --fs-h2:1.25rem;
    --fs-h3:1.02rem;
    --fs-body:.9rem;
    --fs-caption:.76rem;

    /* تباعد موحَّد (نظام 4px) */
    --sp-1:4px;
    --sp-2:8px;
    --sp-3:12px;
    --sp-4:16px;
    --sp-5:24px;
    --sp-6:32px;

    /* بطاقات موحَّدة */
    --card-radius:12px;
    --card-shadow:0 1px 2px rgba(18,29,40,.05), 0 1px 3px rgba(18,29,40,.04);
    --card-shadow-hover:0 4px 12px rgba(18,29,40,.08), 0 2px 4px rgba(18,29,40,.05);
    --card-padding:16px;

    --header-h:96px;
    --oh-h:92px;
  }

  *{box-sizing:border-box;}
  html,body{margin:0;padding:0;}
  body{
    background:var(--paper);
    font-family:'Tajawal',sans-serif;
    color:var(--ink);
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
    min-height:100vh;
  }