/* CommoVision /docs theme: generated at app construction from
   design/tokens.css (api.docs_theme). Unlayered on purpose: the Scalar
   bundle defines every var bound here inside @layer scalar-base, so these
   same-element rules win every binding. */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('/docs/lib/InterVariable.woff2') format('woff2');
}
body {
  margin: 0;
  background: #ffffff;
}
@media (prefers-color-scheme: dark) {
  body {
    background: #0f1216;
  }
}
.light-mode {
  background: #ffffff;
  --scalar-color-1: #14212d;
  --scalar-color-2: #3d5468;
  --scalar-color-3: #8095a8;
  --scalar-color-accent: #1b6fc0;
  --scalar-background-1: #ffffff;
  --scalar-background-2: #eef5fc;
  --scalar-background-3: #e7f1fb;
  --scalar-border-color: #d2dde8;
  --scalar-shadow-1: 0 1px 2px rgba(20,33,45,.05);
  --scalar-shadow-2: 0 8px 24px rgba(20,33,45,.12);
  --scalar-button-1: #1b6fc0;
  --scalar-button-1-color: #ffffff;
  --scalar-link-color: #1b6fc0;
  --scalar-color-blue: #1b6fc0;
  --scalar-color-red: #c0392b;
  --scalar-color-green: #1a8f5e;
  --scalar-color-orange: #c77b12;
  --scalar-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, Roboto, Helvetica, Arial, sans-serif;
  --scalar-radius: 6px;
  --scalar-radius-lg: 10px;
  --scalar-radius-xl: 12px;
  --scalar-background-accent: color-mix(in srgb, #1b6fc0 10%, #ffffff);
  --scalar-button-1-hover: color-mix(in srgb, #1b6fc0 90%, #14212d);
}
.dark-mode {
  background: #0f1216;
  --scalar-color-1: #eef2f6;
  --scalar-color-2: #b7c2ce;
  --scalar-color-3: #7d8da0;
  --scalar-color-accent: #5ba7ea;
  --scalar-background-1: #0f1216;
  --scalar-background-2: #16222e;
  --scalar-background-3: #151d24;
  --scalar-border-color: #2a3038;
  --scalar-shadow-1: 0 1px 2px rgba(0,0,0,.3);
  --scalar-shadow-2: 0 8px 24px rgba(0,0,0,.45);
  --scalar-button-1: #5ba7ea;
  --scalar-button-1-color: #0f1216;
  --scalar-link-color: #5ba7ea;
  --scalar-color-blue: #5ba7ea;
  --scalar-color-red: #ea7a7a;
  --scalar-color-green: #3dd694;
  --scalar-color-orange: #e0952a;
  --scalar-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, Roboto, Helvetica, Arial, sans-serif;
  --scalar-radius: 6px;
  --scalar-radius-lg: 10px;
  --scalar-radius-xl: 12px;
  --scalar-background-accent: color-mix(in srgb, #5ba7ea 10%, #0f1216);
  --scalar-button-1-hover: color-mix(in srgb, #5ba7ea 90%, #eef2f6);
}