/* Advance it · design tokens (step 5 of the restructure).
   The one place the app's colors, type, corners and shadows are set, for light and dark.
   Every page loads this first; the shared styles (ws.css for the workspaces, prod-ws.css for the Production boxes,
   ll-brand.css for the older pages) name their colors from these, so a color changes here and everywhere at once.
   Dark follows the device; data-theme="light" or "dark" on <html> picks one. Printing is always light. */
:root{
  /* surfaces */
  --ll-bg:#F1F1F3; --ll-surface:#fff; --ll-sunk:#F6F6F8; --ll-line:#DADBE0; --ll-line2:#ECECEF;
  /* text */
  --ll-ink:#1E1F22; --ll-ink2:#55575E; --ll-muted:#6E7079;
  /* Advance red: main actions, selected things */
  --ll-accent:#AB132F; --ll-accent-hover:#C2183A; --ll-accent-deep:#7E0E22; --ll-accent-soft:rgba(171,19,47,.08); --ll-on-accent:#fff;
  /* what something's state is */
  --ll-ok:#1F7A4D; --ll-ok-soft:#E3F3EA; --ll-warn:#9A5800; --ll-warn-soft:#FFF3DF; --ll-bad:#B42318; --ll-bad-soft:#FDE8E6; --ll-info:#2457A6; --ll-info-soft:#E6EEFA;
  /* the dark top bar (the same in light and dark) */
  --ll-bar:#1E1F22; --ll-bar-ink:#fff; --ll-bar-muted:#C9CAD1;
  /* trade colors on the schedule (categories, not states) */
  --ll-t-decks:#1f5fcf; --ll-t-concrete:#6b7682; --ll-t-service:#0f8a8a; --ll-t-roof:#6a4fb3; --ll-t-elec:#b07a10; --ll-t-other:#8a5a2b; --ll-t-off:#9aa5af;
  /* type */
  --ll-font:-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",sans-serif;
  --ll-mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  /* shape */
  --ll-radius:12px; --ll-radius-sm:10px; --ll-radius-xs:6px;
  --ll-shadow:0 1px 2px rgba(0,0,0,.05),0 4px 14px rgba(0,0,0,.05);
  --ll-tap:44px;
}
@media screen and (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --ll-bg:#141518; --ll-surface:#1E1F23; --ll-sunk:#25272C; --ll-line:#34363C; --ll-line2:#2A2C31;
  --ll-ink:#EDEEF1; --ll-ink2:#B5B7BE; --ll-muted:#8E9099;
  --ll-accent:#D42A48; --ll-accent-hover:#E04462; --ll-accent-deep:#AB132F; --ll-accent-soft:rgba(212,42,72,.16);
  --ll-ok:#55C68E; --ll-ok-soft:#163024; --ll-warn:#F0A44B; --ll-warn-soft:#2E2414; --ll-bad:#F07068; --ll-bad-soft:#3A1A1A; --ll-info:#7EA8F0; --ll-info-soft:#18243A;
  --ll-shadow:0 1px 2px rgba(0,0,0,.3),0 4px 14px rgba(0,0,0,.25);
  --ll-t-decks:#6a9ef5; --ll-t-concrete:#8d98a3; --ll-t-service:#3fb8b8; --ll-t-roof:#9b85dd; --ll-t-elec:#d3a338; --ll-t-other:#b48655; --ll-t-off:#55606a;
  color-scheme:dark;
}}
@media screen{:root[data-theme="dark"]{
  --ll-bg:#141518; --ll-surface:#1E1F23; --ll-sunk:#25272C; --ll-line:#34363C; --ll-line2:#2A2C31;
  --ll-ink:#EDEEF1; --ll-ink2:#B5B7BE; --ll-muted:#8E9099;
  --ll-accent:#D42A48; --ll-accent-hover:#E04462; --ll-accent-deep:#AB132F; --ll-accent-soft:rgba(212,42,72,.16);
  --ll-ok:#55C68E; --ll-ok-soft:#163024; --ll-warn:#F0A44B; --ll-warn-soft:#2E2414; --ll-bad:#F07068; --ll-bad-soft:#3A1A1A; --ll-info:#7EA8F0; --ll-info-soft:#18243A;
  --ll-shadow:0 1px 2px rgba(0,0,0,.3),0 4px 14px rgba(0,0,0,.25);
  --ll-t-decks:#6a9ef5; --ll-t-concrete:#8d98a3; --ll-t-service:#3fb8b8; --ll-t-roof:#9b85dd; --ll-t-elec:#d3a338; --ll-t-other:#b48655; --ll-t-off:#55606a;
  color-scheme:dark;
}}