/* ═══════════ DESIGN TOKENS ═══════════ */
:root {
  --bg:      #07101f;
  --bg2:     #0c1a2e;
  --bg3:     #111f35;
  --card:    rgba(255,255,255,.04);
  --card2:   rgba(255,255,255,.07);
  --border:  rgba(255,255,255,.08);
  --border2: rgba(255,255,255,.13);
  --blue:    #3B82F6;
  --indigo:  #6366F1;
  --purple:  #8B5CF6;
  --green:   #22C55E;
  --amber:   #F59E0B;
  --red:     #EF4444;
  --teal:    #14B8A6;
  --text:    #F1F5F9;
  --text2:   #94a3b8;
  --muted:   rgba(241,245,249,.45);
  --dim:     rgba(241,245,249,.2);
  --grad:    linear-gradient(135deg,#3B82F6,#6366F1);
  --font:    'Cairo','Tajawal',sans-serif;
}

/* ══ BASE ══ */
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;overflow-x:hidden}
body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden}
::-webkit-scrollbar{width:4px}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:var(--bg3);border-radius:2px}