/* TOPCHRONO — generated from design-system/tokens.json by tools/build-tokens.js. Do not edit by hand. */

@font-face{font-family:"Satoshi";src:url("../assets/fonts/Satoshi-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Satoshi";src:url("../assets/fonts/Satoshi-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Satoshi";src:url("../assets/fonts/Satoshi-Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Satoshi";src:url("../assets/fonts/Satoshi-Black.woff2") format("woff2");font-weight:900;font-style:normal;font-display:swap}

:root,[data-theme="light"]{
  color-scheme:light;
  --bg:#f5f6f3;
  --surface:#ffffff;
  --soft:#edf3e7;
  --field:#fcfdfb;
  --ink:#202d2d;
  --muted:#5e6a67;
  --line:#dfe5df;
  --line-soft:#ecf0ea;
  --green:#023C37;
  --green-hover:#0d524b;
  --accent:#D1DD32;
  --accent-hover:#e2ea7a;
  --on-green:#FEF8E9;
  --on-green-muted:#c7d6d0;
  --on-green-eyebrow:#bed0c5;
  --on-green-text:#dce7e0;
  --on-green-line:#ffffff25;
  --focus:#448b84;
  --warning:#8a541a;
  --filter-active:#e8eee3;
  --filter-active-line:#cad6c4;
  --recommended-line:#aabf8e;
  --map-walk:#023C37;
  --map-casing:#ffffff;
  --map-rail:#1f4fa3;
  --map-road:#6b4fbb;
  --map-me:#1a73e8;
  --map-stop:#ffffff;
  --map-start:#D1DD32;
  --map-end:#023C37;
  --map-mark-line:#023C37;
  --info:#e9ede3;
  --info-line:#dce3d5;
  --timeline:#c8d7bc;
  --empty-line:#bfc9bc;
  --time-arrow:#97a49c;
  --avatar:#ede9df;
  --demo-bg:#faf8ec;
  --demo-line:#dfdcc9;
  --demo-ink:#6f6038;
  --demo-dot:#ad8a36;
  --disclosure-ink:#675a37;
  --alert-bg:#fbf2de;
  --alert-ink:#7b541e;
  --notice-ink:#765017;
  --event-bg:#fff4de;
  --status-bg:#fff2da;
  --critical-bg:#fce9e7;
  --critical-ink:#963c32;
  --badge-bg:#edeff1;
  --badge-ink:#374c5b;
  --badge-blue-bg:#dbe9f7;
  --badge-blue-ink:#1b4c7d;
  --badge-red-bg:#ece8fb;
  --badge-red-ink:#4b3a99;
  --saved:#a54848;
  --saved-fill:#f8dfdf;
  --backdrop:#112d2a70;
  --field-line:#7d8b86;
  --card-line:#023C37;
  --green-ink:#023C37;
  --action:#023C37;
  --on-action:#FEF8E9;
  --action-hover:#0d524b;
  --logo-ink:#023C37;
  --logo-ring:#023C37;
  --logo-arc:#023C37;
  --shadow-panel:0 4px 14px #203a3011;
  --shadow-dialog:0 20px 90px #023C3730;
}
[data-theme="dark"]{
  color-scheme:dark;
  --bg:#0e1716;
  --surface:#15211f;
  --soft:#1f3330;
  --field:#111c1b;
  --ink:#e6eee8;
  --muted:#9fb0aa;
  --line:#2b3d3a;
  --line-soft:#22312f;
  --green:#023C37;
  --green-hover:#0d524b;
  --accent:#D1DD32;
  --accent-hover:#e2ea7a;
  --on-green:#FEF8E9;
  --on-green-muted:#c7d6d0;
  --on-green-eyebrow:#bed0c5;
  --on-green-text:#dce7e0;
  --on-green-line:#ffffff25;
  --focus:#8fd3c9;
  --warning:#f0b46a;
  --filter-active:#1f3330;
  --filter-active-line:#3f5a46;
  --recommended-line:#7fa060;
  --map-walk:#D1DD32;
  --map-casing:#0e1716;
  --map-rail:#7fb0ff;
  --map-road:#b9a6ff;
  --map-me:#5ea2ff;
  --map-stop:#14231f;
  --map-start:#D1DD32;
  --map-end:#023C37;
  --map-mark-line:#ffffff;
  --info:#1a2a27;
  --info-line:#263b37;
  --timeline:#3f5a46;
  --empty-line:#3f5a46;
  --time-arrow:#61746f;
  --avatar:#2a3437;
  --demo-bg:#2f2a17;
  --demo-line:#4a4226;
  --demo-ink:#e5d39a;
  --demo-dot:#ad8a36;
  --disclosure-ink:#d9c48f;
  --alert-bg:#3a2c14;
  --alert-ink:#f3cf8f;
  --notice-ink:#f3cf8f;
  --event-bg:#3a2c14;
  --status-bg:#3a2c14;
  --critical-bg:#3d1d1a;
  --critical-ink:#ffb4a8;
  --badge-bg:#2a3437;
  --badge-ink:#c9d4dc;
  --badge-blue-bg:#1d3550;
  --badge-blue-ink:#b9d6f5;
  --badge-red-bg:#2c2550;
  --badge-red-ink:#c9bdff;
  --saved:#ff9b9b;
  --saved-fill:#5a2a2a;
  --backdrop:#000000a6;
  --field-line:#5d726c;
  --card-line:#2f625d;
  --green-ink:#D1DD32;
  --action:#D1DD32;
  --on-action:#023C37;
  --action-hover:#e2ea7a;
  --logo-ink:#e6eee8;
  --logo-ring:#9fb0aa;
  --logo-arc:#D1DD32;
  --shadow-panel:none;
  --shadow-dialog:0 20px 90px #00000080;
}
:root{
  /* 1 % of the screen height; divided back by the zoom of a large screen (layout.css), or 100vh would overflow. */
  --vh:1vh;
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:20px;
  --space-6:24px;
  --space-8:32px;
  --space-10:40px;
  --space-12:48px;
  --radius-xs:4px;
  --radius-xxs:5px;
  --radius-sm:6px;
  --radius-md:7px;
  --radius-lg:8px;
  --radius-xl:10px;
  --radius-2xl:12px;
  --radius-dialog:14px;
  --radius-pill:20px;
  --radius-round:50%;
  --text-xs:.75rem;
  --text-sm:.875rem;
  --text-base:1rem;
  --text-lg:1.2rem;
  --text-xl:clamp(1.5rem,2.3vw,2.1rem);
  --ease:cubic-bezier(0.2,0,0,1);
  --ease-exit:cubic-bezier(0.3,0,1,1);
  --dur-s:150ms;
  --dur-m:250ms;
  --dur-l:300ms;
  --line-c:#023C37;
  --line-t:#ffffff;
  --line-b:#023C37;
  --train-p:0;
  --font-body:Satoshi, system-ui, sans-serif;
}