/* The rules of the device pf-preview (src/devices/nodes/pf-preview.js). index.html loads this file after src/tokens.css, so at the same
   specificity a rule of this file wins over a rule of tokens.css. */
pf-preview { --color: var(--graphite); --ink: #ebeae6; --ink-soft: #8e8e91; }
/* the ball: a round dome, as the cap of the fader, that shows the highlight, the reflection and the roughness of the
   material; it stands on the case with no seat (the seat rule of [material] > * gives a gap) */
pf-preview > .ball { --color: var(--bone); --radius-device: 99; --height: .93; --dome: .45; --hairline: .39; --gap: 0; }