/* The rules of the device pf-keyboard (src/devices/pf-keyboard.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-keyboard { --color: var(--aluminum); --finish: 1 .35; }   /* brushed metal with a fine grain: the texture of the metal at .35 */
/* The keybed: a cut first in the markup, in a stacking context of its own at z-index 0, so the keycaps, after it in the
   markup, lie over it; a keycap is a stacking context (container-type), so a well at z-index 1 lies over the keycaps. It
   takes no pointer, so a click on it moves the keyboard, as on the case. Its outline is the icon keybed (icons.js): its band
   is as wide as the band between two keys, .224 = .112 + .112, and its corners are the corner of a cap plus the band, .375 =
   .151 + .224. Its floor is .4 deep, and its rim shades the floor at .8 (.5 of a cut, by --shadow 1.6), with no occlusion;
   its wall is .1 wide, in the light .55 .5, as the old paint of the keybed. */
pf-keyboard > .well { z-index: 0; pointer-events: none; --seat-depth: .4; --shadow: 1.6; --occlusion: 0; --seat-wall: .55 .5; --edge-width: .1; }
pf-keyboard pf-knob { --color: #19191a; --mark: #19191a; }   /* black spun knobs with no mark: the teeth show the turn */