/* ===== الخطوط ===== */
@font-face {
 font-family: 'IBM Plex Sans Arabic';
 font-style: normal;
 font-weight: 300;
 font-display: swap;
 src: url('/assets/fonts/ibm-plex-sans-arabic-arabic-300-normal.woff2') format('woff2');
 unicode-range: U+0600-06FF, U+0750-077F, U+0870-08FF, U+FB50-FDFF, U+FE70-FEFF }
@font-face {
 font-family: 'IBM Plex Sans Arabic';
 font-style: normal;
 font-weight: 400;
 font-display: swap;
 src: url('/assets/fonts/ibm-plex-sans-arabic-arabic-400-normal.woff2') format('woff2');
 unicode-range: U+0600-06FF, U+0750-077F, U+0870-08FF, U+FB50-FDFF, U+FE70-FEFF }
@font-face {
 font-family: 'IBM Plex Sans Arabic';
 font-style: normal;
 font-weight: 500;
 font-display: swap;
 src: url('/assets/fonts/ibm-plex-sans-arabic-arabic-500-normal.woff2') format('woff2');
 unicode-range: U+0600-06FF, U+0750-077F, U+0870-08FF, U+FB50-FDFF, U+FE70-FEFF }
@font-face {
 font-family: 'IBM Plex Sans Arabic';
 font-style: normal;
 font-weight: 600;
 font-display: swap;
 src: url('/assets/fonts/ibm-plex-sans-arabic-arabic-600-normal.woff2') format('woff2');
 unicode-range: U+0600-06FF, U+0750-077F, U+0870-08FF, U+FB50-FDFF, U+FE70-FEFF }
@font-face {
 font-family: 'IBM Plex Sans Arabic';
 font-style: normal;
 font-weight: 700;
 font-display: swap;
 src: url('/assets/fonts/ibm-plex-sans-arabic-arabic-700-normal.woff2') format('woff2');
 unicode-range: U+0600-06FF, U+0750-077F, U+0870-08FF, U+FB50-FDFF, U+FE70-FEFF }
@font-face {
 font-family: 'IBM Plex Sans Arabic';
 font-style: normal;
 font-weight: 300;
 font-display: swap;
 src: url('/assets/fonts/ibm-plex-sans-arabic-latin-300-normal.woff2') format('woff2');
 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD }
@font-face {
 font-family: 'IBM Plex Sans Arabic';
 font-style: normal;
 font-weight: 400;
 font-display: swap;
 src: url('/assets/fonts/ibm-plex-sans-arabic-latin-400-normal.woff2') format('woff2');
 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD }
@font-face {
 font-family: 'IBM Plex Sans Arabic';
 font-style: normal;
 font-weight: 500;
 font-display: swap;
 src: url('/assets/fonts/ibm-plex-sans-arabic-latin-500-normal.woff2') format('woff2');
 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD }
@font-face {
 font-family: 'IBM Plex Sans Arabic';
 font-style: normal;
 font-weight: 600;
 font-display: swap;
 src: url('/assets/fonts/ibm-plex-sans-arabic-latin-600-normal.woff2') format('woff2');
 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD }
@font-face {
 font-family: 'IBM Plex Sans Arabic';
 font-style: normal;
 font-weight: 700;
 font-display: swap;
 src: url('/assets/fonts/ibm-plex-sans-arabic-latin-700-normal.woff2') format('woff2');
 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD }

/* ===== المتغيرات ===== */
:root {
 --font: 'IBM Plex Sans Arabic', system-ui, 'Segoe UI', Tahoma, sans-serif;
 --purple-950: #1D0E38;
 --purple-900: #2C1654;
 --purple-800: #3A2068;
 --purple-700: #4B2C82;
 --purple-500: #7A5BB0;
 --purple-200: #D9CFEA;
 --purple-100: #EFEAF6;
 --purple-50: #F7F4FB;
 --gold-700: #8F6828;
 --gold-600: #A97C35;
 --gold-500: #C4964A;
 --gold-200: #EBD9B8;
 --gold-100: #F6EEDF;
 --ivory: #F8F5EF;
 --surface: #FFFFFF;
 --surface-2: #FBF9F5;
 --border: #E8E2D6;
 --border-strong: #D6CEBF;
 --text: #1F1A2B;
 --text-2: #514B5E;
 --muted: #7D7789;
 --on-brand: #FFFFFF;
 --success: #1E7F52;
 --success-bg: #E5F4EC;
 --warning: #A3660F;
 --warning-bg: #FBF0DC;
 --danger: #B42318;
 --danger-bg: #FCE9E7;
 --info: #2459A6;
 --info-bg: #E6EEF9;
 --glass: rgba(255, 255, 255, 0.72);
 --glass-dark: rgba(44, 22, 84, 0.82);
 --glass-border: rgba(255, 255, 255, 0.4);
 --overlay: rgba(29, 14, 56, 0.42);
 --s1: 4px;
 --s2: 8px;
 --s3: 12px;
 --s4: 16px;
 --s5: 24px;
 --s6: 32px;
 --s7: 48px;
 --s8: 64px;
 --r-sm: 12px;
 --r-md: 16px;
 --r-lg: 20px;
 --r-full: 999px;
 --fs-12: 0.75rem;
 --fs-14: 0.875rem;
 --fs-16: 1rem;
 --fs-20: 1.25rem;
 --fs-24: 1.5rem;
 --fs-32: 2rem;
 --fs-40: 2.5rem;
 --lh: 1.6;
 --shadow-1: 0 1px 2px rgba(44, 22, 84, 0.06), 0 1px 3px rgba(44, 22, 84, 0.04);
 --shadow-2: 0 4px 12px rgba(44, 22, 84, 0.08), 0 2px 4px rgba(44, 22, 84, 0.04);
 --shadow-3: 0 16px 40px rgba(44, 22, 84, 0.14), 0 4px 12px rgba(44, 22, 84, 0.06);
 --t-fast: 150ms;
 --t-mid: 250ms;
 --t-slow: 350ms;
 --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
 --ease-in: cubic-bezier(0.55, 0, 1, 0.45);
 --header-h: 64px;
 --bottom-h: 64px;
 color-scheme: light }

@media (prefers-color-scheme: dark) {
 :root {
  --ivory: #15101F;
  --surface: #1E1730;
  --surface-2: #241C38;
  --border: #342A4A;
  --border-strong: #463A60;
  --text: #F3EFF9;
  --text-2: #C9C1D8;
  --muted: #9A91AC;
  --purple-100: #2C2142;
  --purple-50: #231A36;
  --gold-100: #33291A;
  --success-bg: #12301F;
  --warning-bg: #33260F;
  --danger-bg: #3A1512;
  --info-bg: #14243D;
  --glass: rgba(30, 23, 48, 0.72);
  --glass-border: rgba(255, 255, 255, 0.08);
  --shadow-1: 0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow-2: 0 4px 12px rgba(0, 0, 0, 0.35);
  --shadow-3: 0 16px 40px rgba(0, 0, 0, 0.45);
  color-scheme: dark } }