/* ============================================================
   DESIGN TOKENS  (shared by the host board and the phone client)
   ============================================================ */

:root{
  --bg-0:#06040f;
  --bg-1:#0c0922;
  --bg-2:#161038;
  --ink:#f6f1ff;
  --muted:#9b93c7;
  --muted-2:#6f689a;
  --line:rgba(150,140,210,.18);
  --line-2:rgba(150,140,210,.30);

  --gold:#ffc83a;
  --gold-2:#ffe39a;
  --gold-deep:#c8910f;

  --tile-1:#2034d6;
  --tile-2:#0b1566;
  --tile-edge:#4458ff;
  --tile-glow:rgba(80,110,255,.55);

  --crimson:#ff2e54;
  --crimson-deep:#b00f30;
  --mint:#1fe08a;
  --mint-deep:#0c9a5a;

  --panel:rgba(20,16,48,.72);
  --panel-2:rgba(30,24,66,.66);

  --shadow-1:0 18px 40px -18px rgba(0,0,0,.8);
  --shadow-tile:0 14px 0 -2px rgba(5,8,40,.85), 0 26px 40px -20px rgba(0,0,0,.9);

  --r-lg:10px;
  --r-md:7px;
  --r-sm:5px;

  --display:'Big Shoulders Display','Arial Narrow',sans-serif;
  --serif:'Newsreader', Georgia, serif;
  --ui:'Archivo', sans-serif;
}