:root{ --bg:var(--m-ui-color-canvas); --panel:var(--m-ui-color-surface); --panel2:var(--m-ui-color-surface-raised); --line:var(--m-ui-color-border); --txt:rgba(255,255,255,.87); --muted:rgba(255,255,255,.58);
  --accent:var(--m-ui-color-accent); --low:rgba(255,255,255,.46); --link:var(--m-ui-color-link);     --primary:var(--m-ui-color-action); --primary-hi:var(--m-ui-color-action-hover); --wash:var(--m-ui-color-selection);
  --code:var(--m-ui-color-control-well); --bad:var(--m-ui-color-danger); --bad-rest:var(--m-ui-color-danger-rest);
  --bad-fill:var(--m-ui-color-danger-fill); --bad-press:rgba(239,83,80,.16);     --elev:var(--m-ui-elevation-raised);
  --elev-float:0 8px 28px rgba(0,0,0,.42);    
  --cover-scrim:linear-gradient(180deg,rgba(255,255,255,.05) 0%,rgba(255,255,255,0) 30%);    
  --qr-dark:#0c0b10; --qr-light:#fff; --thumb-bg0:#f4f1f5; --thumb-bg1:#e9e5eb; --thumb-bg2:#d6d0db;
  



  --r-surface:var(--m-ui-radius-surface,8px); --r-segment:8px; --r-control:var(--m-ui-radius-control,4px);
  --r-field:var(--m-ui-radius-control,4px); --r-chip:4px; --r-keycap:4px; --r-pill:999px;
  --ctl-icon:32px; --ctl-icon-touch:44px; --ctl-icon-mark:17px; --ctl-btn-h:var(--m-ui-control-min-height,32px);
  --tile-foot-h:44px; --header-h:54px;
  --lit:linear-gradient(180deg,#7d59bf,#6d49ae); --lit-edge:inset 0 1px 0 rgba(255,255,255,.18);    
  --glass:rgba(27,27,27,.94);    
  --radius-pill:var(--r-pill); --mono:var(--m-ui-type-mono); }