/* ============================================
   SSPM_projects — نظام الألوان
   الهوية اللونية الذهبية الأصلية، بوضعين فقط: فاتح (الافتراضي) وداكن.
   تمت إزالة ثيمات الوقت الخمسة سابقًا لصالح هوية موحّدة أهدأ وأريح للعين.
   ============================================ */

:root, html[data-theme="gold"] {
  --font-display: "Cairo", "Tajawal", sans-serif;
  --font-body: "Tajawal", "Cairo", sans-serif;
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 26px;

  --background: 0 0% 100%;
  --foreground: 0 0% 12%;
  --card: 0 0% 100%;
  --secondary: 30 20% 95%;
  --muted: 30 15% 95%;
  /* لون النص الثانوي مُعتَّم أكثر من السابق لتباين أعلى وقراءة أريح للعين */
  --muted-foreground: 0 0% 32%;
  --brand: 36 64% 48%;
  --brand-dark: 32 70% 40%;
  --brand-rgb: 245, 166, 35;
  --ring: 38 91% 55%;
  --border-soft: 0 0% 0%;

  --glass-from: rgba(255,255,255,.75);
  --glass-to: rgba(255,255,255,.5);
  --glass-border: rgba(0,0,0,.08);
  --glass-shadow: 0 8px 32px -12px rgba(0,0,0,.12);
  --glass-pop-from: rgba(255,255,255,.97);
  --glass-pop-to: rgba(255,255,255,.93);
  --shadow-1: 0 1px 2px rgba(0,0,0,.08);
  --shadow-2: 0 20px 44px -18px rgba(0,0,0,.18);
}

html.dark {
  --background: 0 0% 11%;
  --foreground: 0 0% 97%;
  --card: 0 0% 15%;
  --secondary: 0 0% 18%;
  --muted: 0 0% 18%;
  /* أفتح قليلًا من السابق لراحة أكبر بالعين على الخلفية الداكنة */
  --muted-foreground: 0 0% 76%;
  --brand: 36 62% 60%;
  --brand-dark: 32 66% 52%;
  --brand-rgb: 233, 180, 96;
  --ring: 38 91% 60%;
  --border-soft: 0 0% 100%;

  --glass-from: rgba(28,28,32,.72);
  --glass-to: rgba(28,28,32,.48);
  --glass-border: rgba(255,255,255,.1);
  --glass-shadow: 0 8px 32px -12px rgba(0,0,0,.5);
  --glass-pop-from: rgba(28,28,32,.97);
  --glass-pop-to: rgba(28,28,32,.93);
  --shadow-1: 0 1px 2px rgba(0,0,0,.3);
  --shadow-2: 0 20px 44px -18px rgba(0,0,0,.6);
}