:root{
  /* palette (New Light) */
  --pbl1:#F3F0F0; --pbl2:#3D3D3D;
  --gfl1:#272727; --gfl2:#111111; --gfl3:#FEFEFE; --gfl4:#EBEBEB; --gfl5:#D4D4D4;
  --gfl6:#B7B7B7; --gfl7:#848484; --gfl8:#595959; --gfl9:#454545; --gfl10:#333333;
  --warn:#D76969; --notify:#06C9FF; --yellow:#F9F6A2; --mint:#98FFDB;
  /* theme (dark default). bg darkened from pbl2 #3D3D3D to a deeper neutral for contrast
     (the mid-gray read as a faint tint); text nudged to a neutral bright white. */
  --bg:#1b1b1b; --text:#F7F7F7; --stroke:var(--gfl3); --offset:var(--gfl4);
  /* type */
  --sans:"SF Pro","SF Pro Display",system-ui,-apple-system,"Helvetica Neue",sans-serif;
  --mono:"SF Mono","SFMono-Regular",ui-monospace,Menlo,"Courier New",monospace;
  /* spacing (8pt grid) */
  --s1:8px; --s2:16px; --s3:24px; --s4:32px; --s5:40px;
  /* motion */
  --m-instant:100ms; --m-fast:150ms; --m-normal:200ms; --m-moderate:300ms; --m-slow:400ms;
  --ease-out:cubic-bezier(0,0,.2,1); --ease-in-out:cubic-bezier(.4,0,.2,1);
}