@font-face {
  font-family: Manrope;
  src: url('/wyli-assets/manrope-3ae11c49db04.ttf') format('truetype');
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
}
:root {
  color-scheme: light;
  --wyli-font-sans: Manrope, "Segoe UI", system-ui, sans-serif;
  --wyli-canvas: #f3f6f8;
  --wyli-panel: #fff;
  --wyli-inset: #e9eff3;
  --wyli-ink: #203846;
  --wyli-muted: #536b79;
  --wyli-line: #cfdbe2;
  --wyli-brand: #3d6478;
  --wyli-on-brand: #fff;
  --wyli-active: #dfebf0;
  --wyli-accent: #b9632e;
  --wyli-accent-soft: #f8ece2;
  --wyli-accent-ink: #87441f;
  --wyli-chart-primary: #456e86;
  --wyli-data: var(--wyli-chart-primary);
  --wyli-comparison: var(--wyli-accent);
  --wyli-focus: #37637c;
  --wyli-control-border: #6c8390;
  --wyli-control-height: 40px;
  --wyli-cell-py: 12px;
  --wyli-panel-padding: 24px;
  --wyli-radius: 14px;
  --wyli-radius-control: 8px;
  --wyli-success: #24694e;
  --wyli-warning: #82551b;
  --wyli-danger: #a13e38;
  --wyli-selection: #d5e5ee;
  --wyli-shadow: 0 12px 32px rgb(26 51 65 / 12%);
}
html.dark, html[data-theme="dark"] {
  color-scheme: dark !important;
  --wyli-canvas: #15232d;
  --wyli-panel: #1c2e3b;
  --wyli-inset: #243a49;
  --wyli-ink: #edf3f6;
  --wyli-muted: #abc0cd;
  --wyli-line: #3a5262;
  --wyli-brand: #a9cbdc;
  --wyli-on-brand: #162a36;
  --wyli-active: #2c4758;
  --wyli-accent: #e6aa76;
  --wyli-accent-soft: #43352d;
  --wyli-accent-ink: #f1c19c;
  --wyli-chart-primary: #a9cbdc;
  --wyli-focus: #a9cbdc;
  --wyli-control-border: #7893a3;
  --wyli-success: #9dd8bd;
  --wyli-warning: #ecc18b;
  --wyli-danger: #f1ada7;
  --wyli-selection: #36566b;
  --wyli-shadow: 0 12px 32px rgb(0 0 0 / 24%);
}
html { background: var(--wyli-canvas); color: var(--wyli-ink); }
body { font-family: var(--wyli-font-sans); -webkit-font-smoothing: antialiased; }
button, input, select, textarea { font: inherit; }
input, textarea { caret-color: var(--wyli-brand); }
::selection { color: var(--wyli-ink); background: var(--wyli-selection); }
:where(a) { text-underline-offset: .2em; }
:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
  outline: 2px solid var(--wyli-focus);
  outline-offset: 3px;
}
:where(input, textarea)::placeholder { color: var(--wyli-muted); opacity: 1; }
:where(td, th, time, output, .wyli-number) { font-variant-numeric: tabular-nums; }
:where(button, [role="button"], a) { -webkit-tap-highlight-color: transparent; }
:where(button, [role="button"]) { touch-action: manipulation; }
* { scrollbar-width: thin; scrollbar-color: var(--wyli-control-border) transparent; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  :where(button, a, input, select, textarea) { transition-duration: .01ms !important; }
}

@media (max-width: 767px) { :root { --wyli-control-height: 44px; --wyli-panel-padding: 16px; } }

/* Script-free documents follow the system preference; explicit workspace themes win. */
@media (prefers-color-scheme: dark) {
  html:not([data-theme]):not(.light):not(.dark) {
  color-scheme: dark !important;
  --wyli-canvas: #15232d;
  --wyli-panel: #1c2e3b;
  --wyli-inset: #243a49;
  --wyli-ink: #edf3f6;
  --wyli-muted: #abc0cd;
  --wyli-line: #3a5262;
  --wyli-brand: #a9cbdc;
  --wyli-on-brand: #162a36;
  --wyli-active: #2c4758;
  --wyli-accent: #e6aa76;
  --wyli-accent-soft: #43352d;
  --wyli-accent-ink: #f1c19c;
  --wyli-chart-primary: #a9cbdc;
  --wyli-focus: #a9cbdc;
  --wyli-control-border: #7893a3;
  --wyli-success: #9dd8bd;
  --wyli-warning: #ecc18b;
  --wyli-danger: #f1ada7;
  --wyli-selection: #36566b;
  --wyli-shadow: 0 12px 32px rgb(0 0 0 / 24%);
  }
}