/* Design tokens: the ONLY place raw colours, sizes and fonts live. Placeholder palette until the visual direction is chosen. */
:root{
  --bg:#121014; --surface:#1c191f; --surface-2:#252129; --line:#3a343f;
  --text:#ece6dc; --muted:#a59d93; --accent:#c8a24a; --accent-ink:#1a1408; --ok:#6fbf73; --bad:#e0705c;
  --font:"Noto Kufi Arabic","Noto Sans Arabic","Segoe UI",Tahoma,system-ui,sans-serif;
  --fs-sm:.875rem; --fs-md:1rem; --fs-lg:1.375rem;
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-6:24px; --sp-8:32px;
  --radius:10px; --max:720px;
}