/* css/theme-light-screens.css: the light of the screens that draw their own (round 47). css/theme-light.css (generated)
   turns the designs' dark literals light; a few generated sheets carry a light look of their own, and what in it reads
   under WCAG AA is set right here, by data-screen, never in the generated sheet. Only under html[data-apple-theme="light"]:
   «Mörk» is untouched. */

/* the profile screens (css/stitch/profile/P1–P8.css) set their own slate tokens in light; their third label, #94a3b8,
   read 2.6:1 on white. #526175 reads 5.1:1 and more on all four of their surfaces */
html[data-apple-theme="light"] #screen-outlet [data-screen][data-screen^="P"]:is([data-screen="P1"], [data-screen="P2"], [data-screen="P3"], [data-screen="P4"], [data-screen="P5"], [data-screen="P6"], [data-screen="P7"], [data-screen="P8"]) {
  --sys-label-3: #526175;
}

/* the moving flow's address field (css/stitch/moving/G*.css lights the field, not its pins): the from pin's #a78bfa and
   the to pin's #fbbf24 read 2.6 and 1.6:1 on it; the brand's ink and amber's deep shade, 3:1 and more for an icon */
html[data-apple-theme="light"] #screen-outlet [data-screen] .sys-addr-pin-from { color: #6D28D9; }
html[data-apple-theme="light"] #screen-outlet [data-screen] .sys-addr-pin-to { color: #B45309; }

/* the home's sheet grabber and the boot shell's draw with the third label, which now reads as text (4.5:1) and is too
   dark for a grabber: the soft grey a phone's grabber is (only its colour: the home's is clipped to its bar) */
html[data-apple-theme="light"] #screen-outlet :is([data-screen="B1"], [data-screen^="B1."]) .sys-b1-handle,
html[data-apple-theme="light"] .boot-shell-handle { background-color: rgba(60, 60, 67, 0.3); }

/* the moving flow's «50% RUT» badge and its company count (css/stitch/moving/G*.css's own light: #047857 on its green tint,
   4.34:1 at 11 px): the deeper green the status colours use in light (css/tokens.css --kr-green) */
html[data-apple-theme="light"] #screen-outlet [data-screen] :is(.sys-rut-badge, .sys-mov-partners-cnt) { color: #065F46; }

/* the moving crew lead's initials on GF1 (Körschema): their circle is half the design's purple (bg-secondary-container/50),
   a coloured surface css/theme-light.css leaves with its pale #E9DDFF text, and on light paper that reads 2.3:1; the
   deepest violet reads 5.5:1 on it */
html[data-apple-theme="light"] #screen-outlet [data-screen="GF1"] [data-bind="lead_initials"] { color: #2E1065; }

/* the taxi company's «Bjud in förare» card on CP2 (bg-[#1A2033], which the generated layer takes for the well, #E8E6E1)
   holds the invite's three fields (bg-slate-900/60, the tint): grey boxes inside a grey box. On the page it is a card, so
   white, and its fields keep the tint inside it, as light alternates everywhere (round 47) */
html[data-apple-theme="light"] #screen-outlet [data-screen="CP2"] [data-purpose="invite-drivers-card"] { background-color: var(--sys-raised); }