/* HES design tokens – shared by storefront and admin. Xbox green · PlayStation blue · Switch red/neon blue */
:root{
  --xbox:#107c10;
  --xbox-bright:#3ddc2a;
  --xbox-glow:rgba(61,220,42,.35);
  --ps:#0070d1;
  --ps-bright:#2d9bff;
  --ps-deep:#003791;
  --ps-glow:rgba(45,155,255,.35);
  --switch:#e60012;
  --switch-bright:#ff3b4d;
  --switch-neon:#00c3e3;
  --switch-glow:rgba(255,59,77,.35);

  --bg:#060a13;
  --bg-2:#0a101d;
  --surface:#0f1727;
  --surface-2:#151f35;
  --surface-3:#1b2744;
  --line:#22304f;
  --line-soft:#182341;
  --text:#eaf0ff;
  --text-2:#b4c0de;
  --muted:#7d8bab;

  --ok:#3ddc2a;
  --warn:#ffb020;
  --bad:#ff4d5e;
  --info:#2d9bff;

  --grad-brand:linear-gradient(100deg,var(--xbox-bright) 0%,var(--ps-bright) 52%,var(--switch-bright) 100%);
  --grad-xbox:linear-gradient(135deg,#1c9a16,#3ddc2a);
  --grad-ps:linear-gradient(135deg,#003791,#2d9bff);
  --grad-switch:linear-gradient(135deg,#c20010,#ff3b4d);

  --nav-bg:rgba(6,10,19,.72);
  --nav-bg-2:rgba(6,10,19,.94);
  --sub-bg:rgba(6,10,19,.5);
  --tabbar-bg:rgba(10,16,29,.96);
  --fav-bg:rgba(6,10,19,.7);
  --text-strong:#ffffff;
  --err-text:#ff8a96;
  --warn-text:#ffd27a;
  color-scheme:dark;

  --radius:14px;
  --radius-sm:9px;
  --radius-lg:22px;
  --shadow:0 10px 30px rgba(0,0,0,.45);
  --ease:cubic-bezier(.22,.9,.3,1);
  --font:"Inter","Segoe UI",system-ui,-apple-system,"Noto Sans Arabic","Cairo",Tahoma,sans-serif;
  --font-display:"Rajdhani","Orbitron","Inter","Noto Sans Arabic",system-ui,sans-serif;
}

/* Light theme – toggled with <html data-theme="light"> */
:root[data-theme="light"]{
  --xbox-bright:#118a12;
  --xbox-glow:rgba(17,138,18,.25);
  --ps-bright:#0a6fd6;
  --ps-glow:rgba(10,111,214,.25);
  --switch-bright:#d6192b;
  --switch-glow:rgba(214,25,43,.22);
  --switch-neon:#0094b3;

  --bg:#f2f5fb;
  --bg-2:#e8edf7;
  --surface:#ffffff;
  --surface-2:#f0f3fa;
  --surface-3:#e2e8f4;
  --line:#d3dcee;
  --line-soft:#e3e9f5;
  --text:#0b1226;
  --text-2:#34415f;
  --muted:#64718e;

  --ok:#118a12;
  --warn:#a85f00;
  --bad:#d6293a;
  --info:#0a6fd6;

  --nav-bg:rgba(255,255,255,.78);
  --nav-bg-2:rgba(255,255,255,.96);
  --sub-bg:rgba(255,255,255,.6);
  --tabbar-bg:rgba(255,255,255,.97);
  --fav-bg:rgba(255,255,255,.85);
  --text-strong:#0b1226;
  --err-text:#c4162b;
  --warn-text:#8a5200;
  --shadow:0 10px 30px rgba(30,50,100,.14);
  color-scheme:light;
}