/* The iOS 27 look (colors and icon rules), from the owner's kit. Loaded on every page EXCEPT the customer kiosk (register.html), which keeps its own look.
   It only re-points the app's color variables, so nothing else changes. */
:root {
  color-scheme: dark;
  --bg: #000; --card: #1c1c1e; --card-raised: #2c2c2e; --card-border: rgba(84, 84, 88, .55); --hairline: rgba(84, 84, 88, .55);
  --text: #fff; --muted: rgba(235, 235, 245, .70);
  --green: #30d158; --red: #ff453a; --orange: #ff9f0a;
  --accent: #0088ff; --accent-strong: #0077e6; --accent-text: #0091ff; --ring: rgba(0, 145, 255, .45);
  --fill: rgba(120, 120, 128, .32); --fill-hover: rgba(120, 120, 128, .42); --fill-strong: rgba(120, 120, 128, .52);
  --seg-active: #636366; --switch-on: #30d158;
  --glass-bg: rgba(44, 44, 46, .62); --glass-border: rgba(255, 255, 255, .10); --scrim: rgba(0, 0, 0, .5);
  --radius: 26px; --radius-modal: 34px;
  --ease: cubic-bezier(.32, .72, 0, 1);
}
:root[data-theme="light"] {
  color-scheme: light;
  --bg: #f2f2f7; --card: #fff; --card-raised: #fff; --card-border: rgba(60, 60, 67, .14); --hairline: rgba(60, 60, 67, .14);
  --text: #000; --muted: rgba(60, 60, 67, .60);
  --green: #1f7a35; --red: #d70015; --orange: #a24a06;
  --accent: #0088ff; --accent-strong: #0077e6; --accent-text: #0071e3; --ring: rgba(0, 136, 255, .35);
  --fill: rgba(120, 120, 128, .16); --fill-hover: rgba(120, 120, 128, .24); --fill-strong: rgba(120, 120, 128, .32);
  --seg-active: #fff; --switch-on: #34c759;
  --glass-bg: rgba(255, 255, 255, .7); --glass-border: rgba(0, 0, 0, .07); --scrim: rgba(0, 0, 0, .32);
}
/* SF Symbols from /vendor/sf/sprite.svg: the colour follows the text colour */
svg.sym, svg.sym use { fill: currentColor; stroke: none; }
svg.sym { display: block; flex: none; }