/* The rules of the device pf-phone (src/devices/pf-phone.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-phone { --color: #461c26; --radius-device: 2.965; --corner-shape-device: continuous; --edge-shape: round; --edge-width: .25; --edge-depth: .4; --rows: groove .27 .09 .02; --shadow-alpha: .4; --shadow-blur: 1.8; --reflect: 0; }   /* burgundy, with the corners of a phone, the round frame and the seam between the frame and the back, a soft light shadow and no bounced light, as on the white of a photo. The frame is .4 deep over .25, so its slope of 45°, which mirrors the white walls of the sweep, lies in the middle of the frame */
pf-phone[material], pf-phone [material=anodized] { --mirror: .7; --rough: .25; --texture-amount: .03; }   /* satin anodized metal: it mirrors the sweep, blurred, so each round edge shows a band of light; a fine grain */
pf-phone .plateau { --color: #461c26; --radius-device: 2.5 2.5 2.5 2.57; --corner-shape-device: continuous; --height: .3; --edge-width: .52; --edge-depth: .3; --edge-blend: .12; --mirror: .35; --rows: bead .47 .06 .025; --shadow-alpha: .5; --shadow-blur: 1.3; }   /* the camera plateau: an S ramp (ogee) as deep as the plateau is high, so it grows out of the case, lit on the side toward the light and dark on the far side, with a fine bead at its top. Each corner has the center of the lens, the flash or the LiDAR window in it: 2.57 = 1.81 (the ring of the ultra wide lens) + .76 (the band at its left), and 2.5 at the others */
pf-phone pf-lens { --color: #5e2834; --lens: #1c2534; --lens-rear: #0b0e14; --keybed: #16161a; --ring-sheen: .3; --ring-gloss: 8; --glint: .35; --lip: .04; }   /* rings of the case metal, black glass and dark navy elements with a clear glint */
pf-phone pf-lens > .ring { --edge-shape: round; --edge-width: .1; --edge-depth: .12; --mirror: .3; --shadow-alpha: .8; --shadow-contact: .9; }   /* the round outer edge of each ring, lit on the side toward the light (less mirror than the case, so the sweep does not light it all round), and its dark shadow on the plateau */
pf-phone pf-led { --color: #fff3df; --milk: #c6c0c0; --phosphor: #eed8ae; --glow: 12; --glow-kelvin: 6500; --glow-reach: 16; --glow-bloom: .25; }   /* the flash: a warm light behind a frosted Fresnel window with a yellow phosphor. Lit, it is far brighter than a status LED, so its light falls on the plateau, the rings of the lenses and the desk round the phone, and the phone casts a shadow. 6500 K: the cool white of a phone flash. A small bloom: the bloom of the GPU stops at the edge of the phone, so the flare gives the haze */
pf-phone pf-led[flare] { --flare: .8; --flare-size: 3; --flare-streaks: 24; --flare-uneven: 1; --flare-ghosts: .6; --flare-tint: #cfe8ff; }   /* as a camera sees a phone flash: a wide bloom, a burst of fine rays of uneven length, and faint ghosts, in a cool tint */
pf-phone .flash-window { --edge-width: .08; --edge-depth: .08; --gap: .03; }   /* the window of the flash: a round cut with a thin lip, dark on the side of the light */
pf-phone .lidar { --edge-width: .06; --edge-depth: .08; --gap: .05; }   /* the window of the LiDAR scanner: a round cut with a thin lip */
pf-phone .lidar-glass { --color: #0e0e10; --radius-device: 99; }   /* dark flush glass in the cut */
pf-phone .logo { --color: #361820; }   /* the Apple logo: darker, as a polished inlay */
pf-phone .antenna { --emboss-depth: .03; }   /* the antenna lines: shallow, so only their walls show */
pf-phone .mic { --edge-width: .08; --edge-depth: .06; }   /* the hole of the microphone: a round lip, lit on the side away from the light */
pf-phone pf-lens .well { --strips: 0 10 1.3; --sky: .4; --horizon: .3; --floor: .2; }   /* the glass of a lens mirrors a dark room with one strip light, so the black glass and the coating stay deep, with a soft streak */
pf-phone pf-key[side] { --color: #461c26; --travel: .06; --radius: .08; --shadow-alpha: .1; }   /* the side buttons, in the case color, with small corners and a faint shadow: a press pushes each in .06 */