/* ui-common.css — tokens de cor compartilhados entre o app desktop e o painel web.
   Cada app mantém seus próprios tokens de raio/espaçamento (--r, --r2 etc.),
   calibrados pro próprio layout (mouse vs toque). */
:root {
  --bg:      #0d0d14;
  --s1:      #13131e;
  --s2:      #1a1a28;
  --s3:      #222235;
  --s4:      #2a2a42;
  --border:  rgba(255,255,255,0.08);
  --border2: rgba(255,255,255,0.14);
  --accent:  #e13030;
  --accent2: #b82020;
  --accentL: #ff6060;
  --text:    #f0f0f8;
  --text2:   rgba(240,240,248,0.55);
  --text3:   rgba(240,240,248,0.3);
  --green:   #30d158;
  --yellow:  #ffd60a;
  --blue:    #0a84ff;
}