/* Cutoff tokens for this dashboard, generated from the Cutoff design system's tokens.json. Prefixed --co- and scoped to .nx so they never touch the dashboard frame's own variables. */
.nx {
  --co-ground: #f0f1f5;
  --co-surface: #ffffff;
  --co-surface-raised: #ffffff;
  --co-surface-muted: #f0f1f5;
  --co-surface-chip: #fafafa;
  --co-line: #dddfe9;
  --co-line-soft: #f0f1f5;
  --co-control-line: #80869f;
  --co-ink: #20294c;
  --co-ink-deep: #0a2d67;
  --co-ink-muted: #676b89;
  --co-ink-soft: #979db5;
  --co-accent: #459af8;
  --co-accent-strong: #1a6fd1;
  --co-on-accent: #ffffff;
  --co-accent-text: #1866c4;
  --co-accent-tint: #e4effe;
  --co-night: #071a22;
  --co-on-night: #ffffff;
  --co-ok: #0f7553;
  --co-warn: #9a5b00;
  --co-bad: #b8322a;
  --co-ok-tint: #e3f4ec;
  --co-warn-tint: #fbf0dc;
  --co-bad-tint: #fbe7e5;
  --co-series-1: #459af8;
  --co-series-2: #eb6834;
  --co-series-3: #1baf7a;
  --co-series-4: #eda100;
  --co-series-5: #e87ba4;
  --co-series-6: #008300;
  --co-series-7: #6250d6;
  --co-series-8: #e34948;
  --co-year-current: var(--co-series-1);
  --co-year-previous: var(--co-series-2);
  --co-chart-grid: #eceef4;
  --co-chart-axis: #c7cbdb;
  --co-chart-range: #dfe8f7;
  --co-shadow-hairline: 0 1px 4px rgba(32, 41, 76, 0.1);
  --co-shadow-card: 0 4px 11px rgba(32, 41, 76, 0.07), 0 1px 3px rgba(32, 41, 76, 0.12);
  --co-shadow-raised: 0 6px 16px rgba(32, 41, 76, 0.12), 0 1px 5px rgba(32, 41, 76, 0.09);
  --co-shadow-float: 0 9px 25px rgba(32, 41, 76, 0.12);
  --co-shadow-inset: inset 0 0 4px rgba(0, 0, 0, 0.03);
  --co-space-1: 4px;
  --co-space-2: 8px;
  --co-space-3: 12px;
  --co-space-4: 16px;
  --co-space-6: 24px;
  --co-space-8: 32px;
  --co-space-12: 48px;
  --co-space-24: 96px;
  --co-radius-sm: 8px;
  --co-radius-md: 12px;
  --co-radius-lg: 16px;
  --co-radius-xl: 24px;
  --co-radius-2xl: 40px;
  --co-radius-pill: 9999px;
  --co-duration-fast: 100ms;
  --co-duration-base: 150ms;
  --co-duration-slow: 300ms;
  --co-ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --co-ease-spring: cubic-bezier(0.06, 0.94, 0.67, 1.01);
  --co-font-display: "Outfit", "Avenir Next", "Segoe UI", system-ui, sans-serif;
  --co-font-figures: "IBM Plex Sans", "Helvetica Neue", Arial, system-ui, sans-serif;
}
/* The frame exposes no theme attribute; the page's script sets data-co-theme from the frame's text colour. */
.nx[data-co-theme="dark"] {
  --co-ground: #071a22;
  --co-surface: #0c2530;
  --co-surface-raised: #103645;
  --co-surface-muted: #08202a;
  --co-surface-chip: #0f2c38;
  --co-line: #1d4050;
  --co-line-soft: #143746;
  --co-control-line: #5d7d8e;
  --co-ink: #eef1f7;
  --co-ink-deep: #cfe0ff;
  --co-ink-muted: #9fb0c2;
  --co-ink-soft: #6f8798;
  --co-accent: #4392ea;
  --co-accent-strong: #4392ea;
  --co-on-accent: #071a22;
  --co-accent-text: #7ab8ff;
  --co-accent-tint: #12355a;
  --co-night: #03121a;
  --co-on-night: #eef1f7;
  --co-ok: #3ccf91;
  --co-warn: #f0b44c;
  --co-bad: #ff8a80;
  --co-ok-tint: #0f3a33;
  --co-warn-tint: #3a3216;
  --co-bad-tint: #3d2228;
  --co-series-1: #4392ea;
  --co-series-2: #d95926;
  --co-series-3: #199e70;
  --co-series-4: #c98500;
  --co-series-5: #d55181;
  --co-series-6: #008300;
  --co-series-7: #9085e9;
  --co-series-8: #e66767;
  --co-year-current: var(--co-series-1);
  --co-year-previous: var(--co-series-2);
  --co-chart-grid: #163a4a;
  --co-chart-axis: #2f5566;
  --co-chart-range: #16405a;
  --co-shadow-hairline: 0 0 0 1px rgba(255, 255, 255, 0.06);
  --co-shadow-card: 0 0 0 1px rgba(255, 255, 255, 0.06), 0 4px 14px rgba(0, 0, 0, 0.35);
  --co-shadow-raised: 0 0 0 1px rgba(255, 255, 255, 0.08), 0 6px 18px rgba(0, 0, 0, 0.4);
  --co-shadow-float: 0 0 0 1px rgba(255, 255, 255, 0.08), 0 10px 28px rgba(0, 0, 0, 0.5);
  --co-shadow-inset: inset 0 0 6px rgba(0, 0, 0, 0.3);
  color-scheme: dark;
}