:root[data-skin="annotated-skyline"] {
  color-scheme: dark;
  --product-font-display: "Helvetica Neue", Helvetica, Arial, "Liberation Sans", "DejaVu Sans", sans-serif;
  --product-font-body: "Helvetica Neue", Helvetica, Arial, "Liberation Sans", "DejaVu Sans", sans-serif;
  --product-font-label: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, "Liberation Mono", "DejaVu Sans Mono", monospace;
  --product-font-numeric: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, "Liberation Mono", "DejaVu Sans Mono", monospace;
  --product-type-display: clamp(38px, 5.4vw, 68px);
  --product-type-title: clamp(26px, 4.2vw, 38px);
  --product-type-heading: 20px;
  --product-type-body: 15px;
  --product-type-label: 10px;
  /* Keyword rather than a coefficient, for the reason written over the same token in
     src/app/globals.css. This skin draws its display heading in sentence case rather than
     uppercase (.heading h1 in product-system.module.css sets no text-transform), so the
     collision here is a descender against a lowercase accent: measured at .94 and 375px,
     'York, pensada' over 'para voce' cleared by -3.28px on this box's DejaVu substitution and
     -1.28px on Liberation Sans. */
  --product-leading-display: normal;
  --product-leading-body: 1.6;
  --product-tracking-display: -.042em;
  --product-tracking-label: .1em;
  --product-tracking-topbar: .1em;
  --product-space-1: 5px;
  --product-space-2: 10px;
  --product-space-3: 15px;
  --product-space-4: 20px;
  --product-space-5: 28px;
  --product-space-6: 38px;
  --product-space-7: 56px;
  --product-control-height: 44px;
  --product-card-padding: 18px;
  --product-section-gap: 20px;
  --product-radius-control: 3px;
  --product-radius-card: 4px;
  --product-radius-dialog: 10px;
  --product-radius-media: 3px;
  --product-border-width: 1px;
  --product-border-strong-width: 4px;
  --product-shadow-card: 0 14px 34px rgba(0, 0, 0, .28);
  --product-shadow-float: 0 24px 58px rgba(0, 0, 0, .46);
  --product-shadow-dialog: 0 32px 76px rgba(0, 0, 0, .42);
  --product-motion-fast: 140ms;
  --product-motion-base: 260ms;
  --product-motion-slow: 520ms;
  --product-ease-standard: cubic-bezier(.24, .8, .3, 1);
  --product-ease-enter: cubic-bezier(.2, .9, .25, 1.18);
  --product-shell-header-height: 54px;
  --product-shell-gutter: clamp(20px, 4vw, 46px);
  --product-content-width: 1380px;
  --product-reading-width: 820px;
  --product-workspace-gap: 20px;
  --product-sidebar-width: 380px;
  --product-map-marker-size: 38px;
  --product-map-photo-marker-size: 46px;
  --product-route-weight: 5px;
  --product-bg: #07131f;
  --product-panel: #0c2031;
  --product-panel-raised: #132b3e;
  --product-border: #34546b;
  --product-border-soft: #1e3b50;
  --product-text: #fff8ed;
  --product-muted: #b6c5cf;
  --product-faint: #7f99aa;
  --product-accent: #f3ad45;
  --product-danger: #ff7668;
  --product-warning: #ffd166;
  --product-locked: #82b8ff;
  --product-header: #06101a;
  --product-input: #081827;
  --product-control: #0a1b2a;
  --product-subtle: #0d2233;
  --product-stripe: #153044;
  --product-topbar-bg: rgba(6, 16, 26, .94);
  --product-button-text: #07131f;
  --product-action-text: #07131f;
  --product-user-bg: #fff8ed;
  --product-user-text: #07131f;
  --product-note-bg: #fff0bd;
  --product-note-text: #2d2108;
  --product-info-text: #c7e7f7;
  --product-warning-text: #ffe3a3;
  --product-danger-text: #ffd2cd;
  --product-shadow: #02070b;
  --product-overlay: #06101a;
  --product-fare-start: #ffe19b;
  --product-fare-middle: #f3ad45;
  --product-fare-end: #c46b2d;
  --product-fare-text: #07131f;
  --product-fare-stripe: #07131f;
  --party-0: #ff796b;
  --party-1: #72aefa;
  --party-2: #d799ef;
  --party-3: #f3ad45;
  --party-4: #58cbbb;
  --map-route-walk: #f3ad45;
  --map-route-drive: #62a9ff;
  --map-route-transit: #cf8df0;
  --map-route-context: #9bb5c7;
  --map-route-flagged: #ff8f66;
  --map-route-casing: rgba(255, 255, 255, .96);
  --map-marker-face: #0a1b2a;
  --map-marker-stay-face: #376ea9;
  --map-marker-text: #fff;
  --map-marker-ring: #fff8ed;
  --map-marker-shadow: rgba(1, 6, 10, .58);
  --map-marker-shadow-soft: rgba(1, 6, 10, .36);
  --site-asphalt: #06101a;
  --site-plate: #0c2031;
  --site-rule: #34546b;
  --site-hair: #1e3b50;
  --site-signal: #fff8ed;
  --site-dim: #b6c5cf;
  --site-faint: #7f99aa;
  --site-red: #ff7668;
  --site-blue: #72aefa;
  --site-purple: #d799ef;
  --site-checked: #58cbbb;
  --site-amber: #f3ad45;
}

:root[data-skin="annotated-skyline"][data-theme="light"] {
  color-scheme: light;
  --product-bg: #edf2f3;
  --product-panel: #f9f6ee;
  --product-panel-raised: #fffdf8;
  --product-border: #9aadb7;
  --product-border-soft: #ced9dd;
  --product-text: #122330;
  --product-muted: #536975;
  --product-faint: #6c7f89;
  --product-accent: #a65d13;
  --product-danger: #ad342b;
  --product-warning: #835a00;
  --product-locked: #245a96;
  --product-header: #dce6e8;
  --product-input: #fffdf8;
  --product-control: #e8eff0;
  --product-subtle: #f3f1e9;
  --product-stripe: #dae4e5;
  --product-topbar-bg: rgba(237, 242, 243, .94);
  --product-button-text: #fff;
  --product-action-text: #fff;
  --product-user-bg: #153044;
  --product-user-text: #fff;
  --product-note-bg: #ffefb8;
  --product-note-text: #352505;
  --product-info-text: #24566a;
  --product-warning-text: #684600;
  --product-danger-text: #7e241d;
  --product-shadow: rgba(18, 35, 48, .24);
  --product-overlay: #122330;
  --product-fare-start: #ffe19b;
  --product-fare-middle: #e69a35;
  --product-fare-end: #b95d24;
  --product-fare-text: #122330;
  --product-fare-stripe: #122330;
  --party-0: #b83f36;
  --party-1: #275f9e;
  --party-2: #7b3f96;
  --party-3: #a65d13;
  --party-4: #16786d;
  --map-route-walk: #9b540d;
  --map-route-drive: #235ca9;
  --map-route-transit: #743897;
  --map-route-context: #536c7d;
  --map-route-flagged: #a23c20;
  --map-route-casing: rgba(255, 255, 255, .97);
  --map-marker-face: #122330;
  --map-marker-stay-face: #285c91;
  --map-marker-text: #fff;
  --map-marker-ring: #fff;
  --map-marker-shadow: rgba(18, 35, 48, .4);
  --map-marker-shadow-soft: rgba(18, 35, 48, .23);
}

@media (prefers-color-scheme: light) {
  :root[data-skin="annotated-skyline"][data-theme="system"] {
  color-scheme: light;
  --product-bg: #edf2f3;
  --product-panel: #f9f6ee;
  --product-panel-raised: #fffdf8;
  --product-border: #9aadb7;
  --product-border-soft: #ced9dd;
  --product-text: #122330;
  --product-muted: #536975;
  --product-faint: #6c7f89;
  --product-accent: #a65d13;
  --product-danger: #ad342b;
  --product-warning: #835a00;
  --product-locked: #245a96;
  --product-header: #dce6e8;
  --product-input: #fffdf8;
  --product-control: #e8eff0;
  --product-subtle: #f3f1e9;
  --product-stripe: #dae4e5;
  --product-topbar-bg: rgba(237, 242, 243, .94);
  --product-button-text: #fff;
  --product-action-text: #fff;
  --product-user-bg: #153044;
  --product-user-text: #fff;
  --product-note-bg: #ffefb8;
  --product-note-text: #352505;
  --product-info-text: #24566a;
  --product-warning-text: #684600;
  --product-danger-text: #7e241d;
  --product-shadow: rgba(18, 35, 48, .24);
  --product-overlay: #122330;
  --product-fare-start: #ffe19b;
  --product-fare-middle: #e69a35;
  --product-fare-end: #b95d24;
  --product-fare-text: #122330;
  --product-fare-stripe: #122330;
  --party-0: #b83f36;
  --party-1: #275f9e;
  --party-2: #7b3f96;
  --party-3: #a65d13;
  --party-4: #16786d;
  --map-route-walk: #9b540d;
  --map-route-drive: #235ca9;
  --map-route-transit: #743897;
  --map-route-context: #536c7d;
  --map-route-flagged: #a23c20;
  --map-route-casing: rgba(255, 255, 255, .97);
  --map-marker-face: #122330;
  --map-marker-stay-face: #285c91;
  --map-marker-text: #fff;
  --map-marker-ring: #fff;
  --map-marker-shadow: rgba(18, 35, 48, .4);
  --map-marker-shadow-soft: rgba(18, 35, 48, .23);
}
}