/* =====================================================================
   Cashpay design tokens — the ONE source of colour, type and shape.
   Loaded first on admin.html, dashboard.html and the site pages
   (index, login, register, 404), which alias their old --amber* names to it.
   Owner decision (2026-11-02): brand = violet (cashpay). To change the brand colour,
   change only the --brand* lines below.
   Meaning colours are fixed: --money-in = money received/settled,
   --attention = needs action, --danger = rejected/failed/expired only.
   ===================================================================== */
:root, body.studio{
  /* Brand (buttons, active nav, focus) */
  --brand:#7C5CFF;
  --brand-hi:#A996FF;
  --brand-hover:#6847F0;
  --on-brand:#FFFFFF;
  --brand-wash:rgba(124,92,255,.10);
  --focus:rgba(124,92,255,.40);

  /* Dark surfaces: the public site's warm black */
  --bg:#0A0B14;
  --surface:#12131F;
  --raised:#1A1B2B;
  --line:#272940;
  --line-strong:#363954;
  --text:#F2F3FA;
  --text-dim:#A3A6C2;
  --text-faint:rgba(242,243,250,.58);

  /* Meaning */
  --money-in:#22C55E;
  --money-in-wash:rgba(34,197,94,.10);
  --attention:#F5A623;
  --danger:#FF5C7A;

  /* Type */
  --font:"Inter","Noto Sans Bengali",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;

  /* Shape */
  --radius-sm:8px;
  --radius:12px;
  --radius-lg:20px;
}
html[lang="bn"] body{ line-height:1.6; }