:root {
  color-scheme: light;
  --brand-950: #071525;
  --brand-900: #0b1f36;
  --brand-800: #123251;
  --brand-700: #1c476e;
  --emerald-700: #086746;
  --emerald-600: #087a55;
  --emerald-100: #dff4eb;
  --copper-700: #98562f;
  --copper-500: #c57b45;
  --copper-100: #f7e8db;
  --danger-600: #c63f3f;
  --danger-100: #fee9e7;
  --warning-600: #a86709;
  --warning-100: #fff2d5;
  --info-600: #2467a4;
  --info-100: #e6f1fb;
  --canvas: #f7f4ee;
  --surface: #ffffff;
  --surface-muted: #f2efe9;
  --ink: #13243a;
  --muted: #6e7884;
  --line: #e4dfd7;
  --line-strong: #d1c9bd;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-xl: 24px;
  --shadow-sm: 0 2px 8px rgb(7 21 37 / 6%);
  --shadow-md: 0 12px 30px rgb(7 21 37 / 10%);
  --shadow-lg: 0 24px 60px rgb(7 21 37 / 16%);
  --motion-fast: 140ms;
  --motion-normal: 200ms;
  --ease: cubic-bezier(.2, .8, .2, 1);
  --sidebar: 272px;
  --font: "Tajawal", "Noto Sans Arabic", "Segoe UI", Arial, sans-serif;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; }
}