/* AUTO-GENERATED by npm run tokens:build — do not edit manually */

:root,
[data-theme="light"] {
    --colorNeutralBackground1: #ffffff;
    --colorNeutralBackground2: #fafafa;
    --colorNeutralBackground3: #f5f5f5;
    --colorNeutralBackground4: #f0f0f0;
    --colorNeutralForeground1: #242424;
    --colorNeutralForeground2: #424242;
    --colorNeutralForeground3: #616161;
    --colorNeutralStroke1: #d1d1d1;
    --colorNeutralStroke2: #e0e0e0;
    --colorBrandBackground: #3268e7;
    --colorBrandBackgroundHover: #1a54db;
    --colorBrandForeground1: #3268e7;
    --colorBrandForeground2: #1a54db;
    --colorStatusSuccessBackground1: #dff6dd;
    --colorStatusSuccessForeground1: #107c10;
    --colorStatusWarningBackground1: #fff4ce;
    --colorStatusWarningForeground1: #9a6700;
    --colorStatusDangerBackground1: #fde7e9;
    --colorStatusDangerForeground1: #c50f1f;
    --incloud-navy: hsl(231, 49%, 29%);
    --incloud-navy-light: hsl(231, 45%, 38%);
    --incloud-blue: hsl(222, 79%, 55%);
    --incloud-blue-hover: hsl(222, 79%, 48%);
    --incloud-blue-soft: hsl(222, 83%, 96%);
    --incloud-surface: hsl(220, 33%, 98%);
    --incloud-card: #ffffff;
    --incloud-border: hsl(220, 18%, 90%);
    --incloud-text: hsl(231, 49%, 29%);
    --incloud-text-body: hsl(222, 22%, 22%);
    --incloud-muted: hsl(220, 12%, 46%);
    --incloud-sidebar-width: 260px;
    --incloud-sidebar-bg: #ffffff;
    --incloud-sidebar-text: hsl(222, 22%, 28%);
    --incloud-sidebar-muted: hsl(220, 12%, 52%);
    --incloud-sidebar-active-bg: hsl(222, 83%, 96%);
    --incloud-sidebar-active-fg: hsl(222, 79%, 50%);
    --incloud-sidebar-hover-bg: hsl(220, 24%, 96%);
    --incloud-sidebar-border: hsl(220, 18%, 92%);
    --incloud-topbar-height: 64px;
    --incloud-nav-item-height: 42px;
    --incloud-radius: 0.625rem;
    --incloud-radius-lg: 0.875rem;
    --incloud-radius-pill: 9999px;
    --incloud-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
    --incloud-shadow-md: 0 4px 16px rgba(15, 23, 42, 0.08);
    --incloud-focus-ring: 0 0 0 2px #ffffff, 0 0 0 4px hsl(222, 79%, 55%);
    --incloud-content-padding: 2rem;
    --incloud-hero-gradient: linear-gradient(135deg, hsl(231, 49%, 29%) 0%, hsl(222, 79%, 48%) 100%);
    --incloud-font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --incloud-font-mono: "IBM Plex Mono", ui-monospace, "Cascadia Code", "Segoe UI Mono", Consolas, "Liberation Mono", monospace;
    --incloud-danger: #e61919;
    --incloud-danger-hover: #c50f1f;
    --incloud-danger-contrast: #ffffff;
    --incloud-font-weight-base: 300;
    --incloud-font-weight-medium: 500;
    --incloud-font-weight-semibold: 600;
    --incloud-fs-xs: 0.8125rem;
    --incloud-fs-sm: 0.9375rem;
    --incloud-fs-md: 1rem;
    --incloud-fs-lg: 1.5rem;
    --incloud-lh-base: 1.5;
    --incloud-space-1: 0.25rem;
    --incloud-space-2: 0.375rem;
    --incloud-space-3: 0.5rem;
    --incloud-space-4: 0.625rem;
    --incloud-space-5: 0.75rem;
    --incloud-space-6: 0.875rem;
    --incloud-space-7: 1rem;
    --incloud-space-8: 1.5rem;
}

[data-theme="dark"] {
    --colorNeutralBackground1: #1f1f1f;
    --colorNeutralBackground2: #141414;
    --colorNeutralBackground3: #292929;
    --colorNeutralBackground4: #383838;
    --colorNeutralForeground1: #ffffff;
    --colorNeutralForeground2: #d6d6d6;
    --colorNeutralForeground3: #adadad;
    --colorNeutralStroke1: #525252;
    --colorNeutralStroke2: #424242;
    --colorBrandBackground: #3367dd;
    --colorBrandBackgroundHover: #2a59c9;
    --colorBrandForeground1: #6490f7;
    --colorBrandForeground2: #3d74f5;
    --colorStatusSuccessBackground1: #052505;
    --colorStatusSuccessForeground1: #54b054;
    --colorStatusWarningBackground1: #433519;
    --colorStatusWarningForeground1: #f9e2ae;
    --colorStatusDangerBackground1: #3b0509;
    --colorStatusDangerForeground1: #eeacb2;
    --incloud-navy: hsl(222, 28%, 12%);
    --incloud-navy-light: hsl(222, 26%, 18%);
    --incloud-blue: hsl(222, 90%, 68%);
    --incloud-blue-hover: hsl(222, 90%, 60%);
    --incloud-blue-soft: hsl(222, 45%, 20%);
    --incloud-surface: hsl(222, 26%, 9%);
    --incloud-card: hsl(222, 24%, 13%);
    --incloud-border: hsl(222, 18%, 24%);
    --incloud-text: hsl(220, 30%, 94%);
    --incloud-text-body: hsl(220, 24%, 88%);
    --incloud-muted: hsl(220, 14%, 64%);
    --incloud-sidebar-bg: hsl(222, 24%, 12%);
    --incloud-sidebar-text: hsl(220, 24%, 86%);
    --incloud-sidebar-muted: hsl(220, 14%, 60%);
    --incloud-sidebar-active-bg: hsl(222, 45%, 22%);
    --incloud-sidebar-active-fg: hsl(222, 90%, 74%);
    --incloud-sidebar-hover-bg: hsl(222, 24%, 18%);
    --incloud-sidebar-border: hsl(222, 18%, 22%);
    --incloud-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
    --incloud-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4);
    --incloud-focus-ring: 0 0 0 2px hsl(222, 24%, 13%), 0 0 0 4px hsl(222, 90%, 68%);
    --incloud-hero-gradient: linear-gradient(135deg, hsl(222, 28%, 12%) 0%, hsl(222, 60%, 30%) 100%);
}