/* ===== FAKKAR — DESIGN TOKENS (shared by game.html + admin.html) =====
   Colors, shadows, radii and fonts. Dark mode is applied by js/theme.js. */

:root {
  --bg:            #FAFAF7;
  --surface:       #FFFFFF;
  --surface-2:     #F4F4F0;
  --border:        #E8E8E2;
  --border-strong: #D0D0C8;
  --primary:       #F5A623;
  --primary-dark:  #E8940F;
  --primary-light: #FDD87A;
  --primary-glow:  rgba(245, 166, 35, 0.18);
  --indigo:        #4F46E5;
  --indigo-light:  #818CF8;
  --indigo-glow:   rgba(79, 70, 229, 0.12);
  --text:          #1C1C1E;
  --text-2:        #4A4A4A;
  --text-3:        #8A8A8A;
  --text-inv:      #FFFFFF;
  --green:         #10B981;
  --red:           #EF4444;
  --shadow-sm:     0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);
  --shadow-md:     0 4px 16px rgba(0,0,0,0.08), 0 2px 6px rgba(0,0,0,0.04);
  --shadow-lg:     0 12px 40px rgba(0,0,0,0.10), 0 4px 12px rgba(0,0,0,0.06);
  --shadow-xl:     0 24px 60px rgba(0,0,0,0.12), 0 8px 20px rgba(0,0,0,0.06);
  --radius-sm:     8px;
  --radius-md:     14px;
  --radius-lg:     20px;
  --radius-xl:     28px;
  --radius-full:   999px;
  --font-display:  'Orbitron', monospace;
  --font-body:     'Inter', sans-serif;
  --transition:    all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

:root[data-theme="dark"] {
  --bg:            #0F0F0F;
  --surface:       #1A1A1A;
  --surface-2:     #242424;
  --border:        #2E2E2E;
  --border-strong: #3A3A3A;
  --indigo:        #6366F1;
  --indigo-glow:   rgba(99, 102, 241, 0.18);
  --text:          #F5F5F0;
  --text-2:        #B0B0A8;
  --text-3:        #7A7A74;
  --shadow-sm:     0 1px 3px rgba(0,0,0,0.3);
  --shadow-md:     0 4px 16px rgba(0,0,0,0.4);
  --shadow-lg:     0 12px 40px rgba(0,0,0,0.5);
  --shadow-xl:     0 24px 60px rgba(0,0,0,0.6);
}

/* Arabic: a font with Arabic letters, and no letter-spacing (it breaks joined Arabic letters) */
:root[lang="ar"] {
  --font-display: 'Cairo', 'Orbitron', sans-serif;
  --font-body:    'Cairo', 'Inter', sans-serif;
}
:root[lang="ar"] body * { letter-spacing: 0 !important; }