/* cn-v2-tokens.css — VENDORED VERBATIM FROM THE CANONICAL DESIGN SYSTEM. DO NOT EDIT.
 *
 * Source:   CNS-privately/cn-design-system, tag v2.3.16
 * Commit:   b5dad1c01427d4b288e78b39c57bf0cb2f841af1
 * Package:  @connected-networks/tokens 2.3.16 → dist/tokens.css (exported as "./css")
 * Tarball:  connected-networks-tokens-2.3.16.tgz
 *   sha256  59717820db5d303030528f8fe32b2b62dcaa705250892e166e4bcc7d503cb3f6
 *   (matches packageDigests in the release's release-verification.json, re-downloaded
 *    from the release and compared byte-for-byte rather than taken on trust)
 * Body:     everything below this comment block is byte-identical to dist/tokens.css
 *   sha256  c4f47514b294add301055d1a8edddb1e4fdad094edb90c750d9258cb3b46eecd
 *
 * tests/test_widget_frontend.py::test_vendored_tokens_match_the_recorded_digest holds
 * that digest independently, so a hand-edited or drifted copy FAILS rather than
 * silently diverging from the system. To update: bump the tag, re-download, verify the
 * tarball digest against release-verification.json, replace the body, and update BOTH
 * this header and the constant in that test.
 *
 * NOT an upgrade of the widget's previous token file. cn-design-tokens.css used the
 * --cn-ui-* namespace, which the canonical repo does not reference anywhere; this is a
 * migration between two systems. Widget CSS names SEMANTIC tokens only.
 */
:root, [data-cn-contrast="standard"] {
  --cn-v2-neutral-100: #f5f5f5;
  --cn-v2-neutral-200: #e4e4e4;
  --cn-v2-neutral-300: #c2c2c2;
  --cn-v2-neutral-400: #a0a0a0;
  --cn-v2-neutral-500: #808080;
  --cn-v2-neutral-600: #444444;
  --cn-v2-neutral-700: #383838;
  --cn-v2-neutral-800: #2b2b2b;
  --cn-v2-neutral-900: #1c1c1c;
  --cn-v2-neutral-950: #0d0d0d;
  --cn-v2-neutral-black: #000000;
  --cn-v2-neutral-white: #ffffff;
  --cn-v2-brand-electric: #00ffa3;
  --cn-v2-brand-electric-dim: #00cc82;
  --cn-v2-brand-leaf: #12573b;
  --cn-v2-accent-yellow: #e8ed87;
  --cn-v2-status-red: #ba2e2e;
  --cn-v2-status-red-bright: #ff6b6b;
  --cn-v2-status-info: #62b8ff;
  --cn-v2-data-cyan: #58e1ff;
  --cn-v2-data-neutral: #8c8c8c;
  --cn-v2-alpha-white-10: rgba(255,255,255,.10);
  --cn-v2-alpha-white-16: rgba(255,255,255,.16);
  --cn-v2-alpha-black-40: rgba(0,0,0,.40);
  --cn-v2-alpha-electric-16: rgba(0,255,163,.16);
  --cn-v2-alpha-electric-35: rgba(0,255,163,.35);
  --cn-v2-surface-ground: #000000;
  --cn-v2-surface-canvas: #0d0d0d;
  --cn-v2-surface-default: #1c1c1c;
  --cn-v2-surface-raised: #2b2b2b;
  --cn-v2-surface-overlay: #383838;
  --cn-v2-surface-hover: #444444;
  --cn-v2-content-strong: #f5f5f5;
  --cn-v2-content-primary: #e4e4e4;
  --cn-v2-content-secondary: #c2c2c2;
  --cn-v2-content-muted: #a0a0a0;
  --cn-v2-content-disabled: #808080;
  --cn-v2-border-subtle: rgba(255,255,255,.10);
  --cn-v2-border-default: rgba(255,255,255,.16);
  --cn-v2-border-strong: #595959;
  --cn-v2-border-active: rgba(0,255,163,.35);
  --cn-v2-focus-ring: #00ffa3;
  --cn-v2-focus-halo: rgba(0,255,163,.35);
  --cn-v2-action-primary-background: #00ffa3;
  --cn-v2-action-primary-background-hover: #00cc82;
  --cn-v2-action-primary-content: #000000;
  --cn-v2-action-ghost-content: #f5f5f5;
  --cn-v2-action-ghost-background-hover: #12573b;
  --cn-v2-action-disabled-background: #2b2b2b;
  --cn-v2-action-disabled-content: #808080;
  --cn-v2-action-link: #00ffa3;
  --cn-v2-action-link-hover: #00cc82;
  --cn-v2-brand-mask-fill: #12573b;
  --cn-v2-status-healthy: #00ffa3;
  --cn-v2-status-degraded: #e8ed87;
  --cn-v2-status-critical: #ff6b6b;
  --cn-v2-status-info: #62b8ff;
  --cn-v2-selection-background: rgba(0,255,163,.16);
  --cn-v2-chart-series-inbound: #00ffa3;
  --cn-v2-chart-series-outbound: #00cc82;
  --cn-v2-chart-series-comparison: #e8ed87;
  --cn-v2-chart-series-latency: #58e1ff;
  --cn-v2-chart-series-incident: #ff6b6b;
  --cn-v2-chart-series-neutral: #8c8c8c;
  --cn-v2-chart-heatmap-normal: #145b42;
  --cn-v2-chart-heatmap-warning: #717449;
  --cn-v2-chart-heatmap-critical: #894242;
  --cn-v2-chart-heatmap-content-normal: #ffffff;
  --cn-v2-chart-heatmap-content-warning: #ffffff;
  --cn-v2-chart-heatmap-content-critical: #ffffff;
  --cn-v2-chart-axis: #a0a0a0;
  --cn-v2-chart-gridline: rgba(255,255,255,.10);
  --cn-v2-chart-threshold-warning: #e8ed87;
  --cn-v2-chart-threshold-critical: #ff6b6b;
  --cn-v2-space-0: 0px;
  --cn-v2-space-2xs: 2px;
  --cn-v2-space-xs: 4px;
  --cn-v2-space-sm: 8px;
  --cn-v2-space-md: 12px;
  --cn-v2-space-lg: 16px;
  --cn-v2-space-xl: 24px;
  --cn-v2-space-2xl: 32px;
  --cn-v2-space-3xl: 48px;
  --cn-v2-space-4xl: 64px;
  --cn-v2-space-5xl: 96px;
  --cn-v2-radius-none: 0px;
  --cn-v2-radius-control: 4px;
  --cn-v2-radius-panel: 8px;
  --cn-v2-radius-card: 12px;
  --cn-v2-radius-full: 999px;
  --cn-v2-size-control-small: 32px;
  --cn-v2-size-control-standard: 44px;
  --cn-v2-size-control-large: 48px;
  --cn-v2-size-control-hero: 56px;
  --cn-v2-size-icon-small: 16px;
  --cn-v2-size-icon-medium: 20px;
  --cn-v2-size-icon-large: 24px;
  --cn-v2-size-icon-xlarge: 32px;
  --cn-v2-stroke-hairline: 1px;
  --cn-v2-stroke-focus: 2px;
  --cn-v2-opacity-disabled: 0.4;
  --cn-v2-opacity-loading: 0.55;
  --cn-v2-opacity-muted: 0.6;
  --cn-v2-opacity-secondary: 0.8;
  --cn-v2-opacity-full: 1;
  --cn-v2-layout-breakpoint-mobile: 480px;
  --cn-v2-layout-breakpoint-tablet: 768px;
  --cn-v2-layout-breakpoint-desktop: 1200px;
  --cn-v2-layout-breakpoint-wide: 1440px;
  --cn-v2-layout-gutter-mobile: 16px;
  --cn-v2-layout-gutter-tablet: 32px;
  --cn-v2-layout-gutter-desktop: 80px;
  --cn-v2-layout-container-content: 1280px;
  --cn-v2-layout-container-reading: 720px;
  --cn-v2-layout-container-application: 1440px;
  --cn-v2-layout-grid-columns-mobile: 4;
  --cn-v2-layout-grid-columns-tablet: 8;
  --cn-v2-layout-grid-columns-desktop: 12;
  --cn-v2-layout-grid-gap-mobile: 16px;
  --cn-v2-layout-grid-gap-desktop: 24px;
  --cn-v2-layout-section-application: 48px;
  --cn-v2-layout-section-marketing: 96px;
  --cn-v2-layout-sidebar-compact: 64px;
  --cn-v2-layout-sidebar-expanded: 184px;
  --cn-v2-type-family-sans: Inter;
  --cn-v2-type-family-mono: JetBrains Mono;
  --cn-v2-type-weight-light: 300;
  --cn-v2-type-weight-regular: 400;
  --cn-v2-type-weight-semibold: 600;
  --cn-v2-type-weight-bold: 700;
  --cn-v2-type-size-display-hero: 64px;
  --cn-v2-type-size-display: 40px;
  --cn-v2-type-size-kpi: 40px;
  --cn-v2-type-size-page-title: 32px;
  --cn-v2-type-size-heading: 24px;
  --cn-v2-type-size-subheading: 18px;
  --cn-v2-type-size-body: 16px;
  --cn-v2-type-size-body-app: 14px;
  --cn-v2-type-size-caption: 12px;
  --cn-v2-type-size-label: 11px;
  --cn-v2-type-size-mono: 13px;
  --cn-v2-type-line-display-hero: 70px;
  --cn-v2-type-line-display: 44px;
  --cn-v2-type-line-kpi: 44px;
  --cn-v2-type-line-page-title: 40px;
  --cn-v2-type-line-heading: 32px;
  --cn-v2-type-line-subheading: 26px;
  --cn-v2-type-line-body: 28px;
  --cn-v2-type-line-body-app: 22px;
  --cn-v2-type-line-caption: 18px;
  --cn-v2-type-line-label: 16px;
  --cn-v2-type-line-mono: 20px;
  --cn-v2-type-tracking-display-hero: -0.03em;
  --cn-v2-type-tracking-display: -0.03em;
  --cn-v2-type-tracking-kpi: -0.02em;
  --cn-v2-type-tracking-page-title: -0.02em;
  --cn-v2-type-tracking-heading: -0.02em;
  --cn-v2-type-tracking-subheading: -0.01em;
  --cn-v2-type-tracking-label: 0.18em;
  --cn-v2-type-case-label: uppercase;
  --cn-v2-effect-elevation-raised: 0 4px 12px rgba(0,0,0,.32);
  --cn-v2-effect-elevation-overlay: 0 16px 40px -4px rgba(0,0,0,.48);
  --cn-v2-effect-focus-halo: 0 0 0 3px rgba(0,255,163,.35);
  --cn-v2-gradient-signal: linear-gradient(90deg, #12573b 0%, #00cc82 55%, #00ffa3 100%);
  --cn-v2-gradient-information: linear-gradient(90deg, #12573b 0%, #58e1ff 58%, #62b8ff 100%);
  --cn-v2-flow-signal: linear-gradient(90deg, #00cc82 0%, #00ffa3 52%, #58e1ff 100%);
  --cn-v2-motion-duration-instant: 0ms;
  --cn-v2-motion-duration-fast: 100ms;
  --cn-v2-motion-duration-standard: 160ms;
  --cn-v2-motion-duration-deliberate: 240ms;
  --cn-v2-motion-duration-slow: 320ms;
  --cn-v2-motion-duration-loading: 800ms;
  --cn-v2-motion-duration-ambient: 1600ms;
  --cn-v2-motion-duration-progress: 12000ms;
  --cn-v2-motion-duration-reduced: 0ms;
  --cn-v2-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --cn-v2-motion-easing-emphasized: cubic-bezier(0.4, 0, 0.2, 1);
  --cn-v2-motion-easing-linear: linear;
}

[data-cn-contrast="high"] {
  --cn-v2-surface-ground: #000000;
  --cn-v2-surface-canvas: #000000;
  --cn-v2-surface-default: #0d0d0d;
  --cn-v2-surface-raised: #1c1c1c;
  --cn-v2-surface-overlay: #2b2b2b;
  --cn-v2-surface-hover: #383838;
  --cn-v2-content-strong: #ffffff;
  --cn-v2-content-primary: #ffffff;
  --cn-v2-content-secondary: #f5f5f5;
  --cn-v2-content-muted: #e4e4e4;
  --cn-v2-content-disabled: #a0a0a0;
  --cn-v2-border-subtle: rgba(255,255,255,.16);
  --cn-v2-border-default: #a0a0a0;
  --cn-v2-border-strong: #f5f5f5;
  --cn-v2-border-active: #00ffa3;
  --cn-v2-focus-ring: #00ffa3;
  --cn-v2-focus-halo: #00ffa3;
  --cn-v2-action-primary-background: #00ffa3;
  --cn-v2-action-primary-background-hover: #00cc82;
  --cn-v2-action-primary-content: #000000;
  --cn-v2-action-ghost-content: #ffffff;
  --cn-v2-action-ghost-background-hover: #12573b;
  --cn-v2-action-disabled-background: #383838;
  --cn-v2-action-disabled-content: #a0a0a0;
  --cn-v2-action-link: #00ffa3;
  --cn-v2-action-link-hover: #00ffa3;
  --cn-v2-brand-mask-fill: #12573b;
  --cn-v2-status-healthy: #00ffa3;
  --cn-v2-status-degraded: #e8ed87;
  --cn-v2-status-critical: #ff6b6b;
  --cn-v2-status-info: #62b8ff;
  --cn-v2-selection-background: rgba(0,255,163,.35);
  --cn-v2-chart-series-inbound: #00ffa3;
  --cn-v2-chart-series-outbound: #00cc82;
  --cn-v2-chart-series-comparison: #e8ed87;
  --cn-v2-chart-series-latency: #58e1ff;
  --cn-v2-chart-series-incident: #ff6b6b;
  --cn-v2-chart-series-neutral: #e4e4e4;
  --cn-v2-chart-heatmap-normal: #00ffa3;
  --cn-v2-chart-heatmap-warning: #e8ed87;
  --cn-v2-chart-heatmap-critical: #ff6b6b;
  --cn-v2-chart-heatmap-content-normal: #000000;
  --cn-v2-chart-heatmap-content-warning: #000000;
  --cn-v2-chart-heatmap-content-critical: #000000;
  --cn-v2-chart-axis: #f5f5f5;
  --cn-v2-chart-gridline: rgba(255,255,255,.24);
  --cn-v2-chart-threshold-warning: #e8ed87;
  --cn-v2-chart-threshold-critical: #ff6b6b;
}

@media (prefers-reduced-motion: reduce) {
  :root, [data-cn-contrast] { --cn-v2-motion-duration-fast: 0ms; --cn-v2-motion-duration-standard: 0ms; --cn-v2-motion-duration-deliberate: 0ms; --cn-v2-motion-duration-slow: 0ms; --cn-v2-motion-duration-loading: 0ms; --cn-v2-motion-duration-ambient: 0ms; --cn-v2-motion-duration-progress: 0ms; }
}