@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: #f3f5f7;
  --wyli-panel: #fff;
  --wyli-sidebar: #ffffff;
  --wyli-inset: #f4f6f8;
  --wyli-ink: #18202c;
  --wyli-muted: #5d6777;
  --wyli-line: #e6e9ef;
  --wyli-brand: #207e75;
  --wyli-on-brand: #fff;
  --wyli-active: #e6f4f1;
  --wyli-accent: #c45743;
  --wyli-accent-soft: #fff1ec;
  --wyli-accent-ink: #9b3e2e;
  --wyli-chart-primary: #167d8d;
  --wyli-data: var(--wyli-chart-primary);
  --wyli-comparison: var(--wyli-accent);
  --wyli-focus: #24716c;
  --wyli-control-border: #7c899a;
  --wyli-control-height: 40px;
  --wyli-cell-py: 12px;
  --wyli-panel-padding: 24px;
  --wyli-page-gutter: 28px;
  --wyli-section-gap: 24px;
  --wyli-radius: 14px;
  --wyli-radius-control: 8px;
  --wyli-success: #24694e;
  --wyli-warning: #82551b;
  --wyli-danger: #a13e38;
  --wyli-selection: #dceeed;
  --wyli-shadow: 0 4px 18px rgb(27 38 51 / 6%);
}
html.dark,
html[data-theme="dark"] {
  color-scheme: dark;
  --wyli-canvas: #151a22;
  --wyli-panel: #1d2530;
  --wyli-sidebar: #19212b;
  --wyli-inset: #293441;
  --wyli-ink: #eef3f9;
  --wyli-muted: #b7c2cf;
  --wyli-line: #3c4858;
  --wyli-brand: #8bd3cc;
  --wyli-on-brand: #132b2b;
  --wyli-active: #254440;
  --wyli-accent: #f2a18e;
  --wyli-accent-soft: #46332f;
  --wyli-accent-ink: #f4b9ac;
  --wyli-chart-primary: #8bd3cc;
  --wyli-focus: #a6e1dc;
  --wyli-control-border: #91a3b7;
  --wyli-success: #9dd8bd;
  --wyli-warning: #ecc18b;
  --wyli-danger: #f1ada7;
  --wyli-selection: #35505b;
  --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: 0.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: 0.01ms !important;
  }
}

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

/* 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;
    --wyli-canvas: #151a22;
    --wyli-panel: #1d2530;
    --wyli-sidebar: #19212b;
    --wyli-inset: #293441;
    --wyli-ink: #eef3f9;
    --wyli-muted: #b7c2cf;
    --wyli-line: #3c4858;
    --wyli-brand: #8bd3cc;
    --wyli-on-brand: #132b2b;
    --wyli-active: #254440;
    --wyli-accent: #f2a18e;
    --wyli-accent-soft: #46332f;
    --wyli-accent-ink: #f4b9ac;
    --wyli-chart-primary: #8bd3cc;
    --wyli-focus: #a6e1dc;
    --wyli-control-border: #91a3b7;
    --wyli-success: #9dd8bd;
    --wyli-warning: #ecc18b;
    --wyli-danger: #f1ada7;
    --wyli-selection: #35505b;
    --wyli-shadow: 0 12px 32px rgb(0 0 0 / 24%);
  }
}