:root {
  --primary: #635BFF;
  --secondary: #00D4FF;
  --dark: #0F172A;
  --light: #F8FAFC;
  --success: #22C55E;
  --danger: #EF4444;
  --warning: #F59E0B;
  --bg: #F8FAFC;
  --surface: #FFFFFF;
  --surface-2: #EEF2FF;
  --text: #0F172A;
  --muted: #64748B;
  --border: #E2E8F0;
  --ring: rgba(99, 91, 255, .24);
  --shadow-sm: 0 8px 24px rgba(15, 23, 42, .06);
  --shadow: 0 22px 70px rgba(15, 23, 42, .12);
  --radius: 8px;
  --container: 1180px;
  --font: "Inter", "Cairo", system-ui, sans-serif;
}

[dir="rtl"] { --font: "Cairo", "Inter", system-ui, sans-serif; }

[data-theme="dark"] {
  --bg: #0F172A;
  --surface: #111C31;
  --surface-2: #18243B;
  --text: #E5E7EB;
  --muted: #94A3B8;
  --border: #26344D;
  --ring: rgba(0, 212, 255, .22);
  --shadow-sm: 0 8px 24px rgba(0, 0, 0, .24);
  --shadow: 0 26px 80px rgba(0, 0, 0, .38);
}