/* مُرتقى — Design Tokens */
:root {
  /* الألوان الأساسية */
  --brand: #5B2BE0;
  --brand-strong: #4A1FBF;
  --brand-ink: #2E1A6B;
  --brand-soft: #EFE9FE;
  --brand-soft-2: #E3DAFB;

  --green: #17A05F;
  --green-strong: #128350;
  --green-soft: #E6F7EE;

  --orange: #E5891C;
  --orange-strong: #C97310;
  --orange-soft: #FFF3E2;

  --blue: #3B6DF6;

  /* الأسطح والنصوص */
  --bg: #F7F5FE;
  --bg-alt: #F1EDFC;
  --surface: #FFFFFF;
  --surface-soft: #FAF8FF;
  --text: #1F1A33;
  --text-muted: #635C82;
  --border: #E7E0FA;
  --ring: #8B6BFF;

  /* المسافات */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;
  --sp-9: 88px;

  /* الحواف */
  --r-sm: 10px;
  --r-md: 14px;
  --r-lg: 20px;
  --r-xl: 28px;
  --r-full: 999px;

  /* الظلال */
  --sh-1: 0 1px 2px rgba(46, 26, 107, .05);
  --sh-2: 0 6px 18px rgba(46, 26, 107, .06);
  --sh-3: 0 14px 40px rgba(46, 26, 107, .08);

  /* الخطوط */
  --font: "Tajawal", "Noto Kufi Arabic", "Segoe UI", Tahoma, system-ui, sans-serif;
  --fs-xs: 0.8125rem;
  --fs-sm: 0.9375rem;
  --fs-base: 1.0625rem;
  --fs-lg: 1.1875rem;
  --fs-xl: 1.5rem;
  --fs-2xl: 1.875rem;
  --fs-3xl: 2.5rem;
  --fs-4xl: 3.25rem;

  /* التخطيط */
  --container: 1180px;
  --header-h: 72px;
}

[data-theme="dark"] {
  --brand: #8B6BFF;
  --brand-strong: #9E84FF;
  --brand-ink: #E9E3FF;
  --brand-soft: #241E3D;
  --brand-soft-2: #2C2450;

  --green: #3FC585;
  --green-strong: #5BD69A;
  --green-soft: #142A20;

  --orange: #F0A54A;
  --orange-strong: #F5B96E;
  --orange-soft: #2C2114;

  --blue: #6E93FF;

  --bg: #131020;
  --bg-alt: #171331;
  --surface: #1C1832;
  --surface-soft: #201B3A;
  --text: #F3F0FC;
  --text-muted: #ABA3C9;
  --border: #2E2750;
  --ring: #A98CFF;

  --sh-1: 0 1px 2px rgba(0, 0, 0, .3);
  --sh-2: 0 6px 18px rgba(0, 0, 0, .32);
  --sh-3: 0 14px 40px rgba(0, 0, 0, .38);
}