/* Playfellow glass design tokens (contract: reports/2026-10-27/13-contract-design-system.md).
   One dark glass look: deep indigo ground, frosted panels, cyan-to-violet light edges. Arabic flips with dir="rtl"; spacing uses logical properties. */
@font-face{font-family:"Baloo Bhaijaan 2";src:url("../fonts/Baloo.ttf") format("truetype");font-weight:400 800;font-display:swap}
@font-face{font-family:"Rubik";src:url("../fonts/Rubik.ttf") format("truetype");font-weight:300 900;font-display:swap}

:root{
  --bg-0:#04061a; --bg-1:#0a1030; --bg-2:#141a4a;
  --ink:#eaf0ff; --ink-2:#aab4e6; --ink-3:#7480b8;
  --cyan:#43e3ff; --violet:#9b6bff; --magenta:#ff6bd6; --lime:#b6f23d;
  --good:#3ddc97; --warn:#ffcc4d; --bad:#ff6b81;
  --glass-top:rgba(255,255,255,.11); --glass-bot:rgba(255,255,255,.04); --glass-line:rgba(170,180,255,.28);
  --glow-cyan:0 0 24px rgba(67,227,255,.35); --glow-violet:0 0 28px rgba(155,107,255,.40);
  --r-s:12px; --r-m:18px; --r-l:26px; --r-pill:999px;
  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:24px; --s-6:32px; --s-7:48px;
  --font-display:"Baloo Bhaijaan 2","Segoe UI",system-ui,sans-serif;
  --font-body:"Rubik","Segoe UI",system-ui,sans-serif;
  --t-fast:.15s; --t-med:.35s; --ease:cubic-bezier(.2,.8,.2,1);
  color-scheme:dark;
}