/* Design system الموحد — المصدر الوحيد لمتغيرات الواجهة */
:root {
  --navy:        #0e2133;
  --navy-mid:    #1c3a55;
  --navy-light:  #2a5278;
  --gold:        #dba227;
  --gold-light:  #e6b85c;
  --gold-pale:   #fdf5e2;

  --bg:          #f0f3f6;
  --card:        #ffffff;
  --border:      #dce4ec;

  --text:        #1a2e40;
  --text-mid:    #4a6070;
  --text-soft:   #8099ae;

  --success:     #1a7a4a;
  --success-bg:  #e8f7f0;
  --warning:     #92600a;
  --warning-bg:  #fef3d9;
  --danger:      #b52626;
  --danger-bg:   #fdeaea;

  --muted-bg:    #f0f3f6;
  --muted-text:  #6b7f8e;

  --sidebar-w:         210px;
  --sidebar-collapsed: 52px;
  --topbar-h:          54px;
  --radius-sm:         6px;
  --radius:            10px;
  --radius-lg:         16px;

  --shadow-sm: 0 1px 4px rgba(14, 33, 51, .07);
  --shadow-md: 0 4px 16px rgba(14, 33, 51, .10);

  --font: 'Tajawal', Tahoma, sans-serif;
  --font-size-base: 14px;

  /* aliases للتوافق المؤقت مع style.css القديم */
  --primary: var(--navy);
  --primary-color: var(--navy);
  --primary-light: var(--navy-mid);
  --secondary: var(--gold);
  --secondary-color: var(--gold);
  --accent: var(--gold);
  --accent-light: var(--gold-light);
  --accent-hover: var(--gold-light);
  --text-light: var(--text-soft);
  --background-color: var(--bg);
  --ui-font: var(--font);
}