/* North design tokens — generated from tokens/north.tokens.json. Do not edit by hand. */

:root {
  --n-color-midnight-10: #E4E7F0;
  --n-color-midnight-20: #C8CDE0;
  --n-color-midnight-30: #A3AAC6;
  --n-color-midnight-40: #7C85A8;
  --n-color-midnight-50: #58628A;
  --n-color-midnight-60: #3D4870;
  --n-color-midnight-70: #2F3A63;
  --n-color-midnight-80: #273156;
  --n-color-midnight-90: #1B223D;
  --n-color-midnight-95: #121624;
  --n-color-midnight-05: #F3F4F8;
  --n-color-dune-10: #FAF2E8;
  --n-color-dune-20: #F0E5D7;
  --n-color-dune-30: #E2D3C1;
  --n-color-dune-40: #C9B9A6;
  --n-color-dune-60: #8E8274;
  --n-color-dune-80: #5C574F;
  --n-color-dune-90: #2E2B27;
  --n-color-dune-95: #1A1816;
  --n-color-dune-02: #FFFCF9;
  --n-color-dune-05: #FFF9F3;
  --n-color-dawn-10: #FFEDE2;
  --n-color-dawn-20: #FFE3D3;
  --n-color-dawn-30: #FFCDB2;
  --n-color-dawn-40: #FDB48D;
  --n-color-dawn-60: #F08A5D;
  --n-color-dawn-80: #B4532D;
  --n-color-dawn-05: #FFF6F0;
  --n-color-oasis-10: #DDF9FA;
  --n-color-oasis-20: #C0F4F7;
  --n-color-oasis-30: #95ECF1;
  --n-color-oasis-50: #4ECAE6;
  --n-color-oasis-70: #1A98B3;
  --n-color-oasis-85: #0E6476;
  --n-color-oasis-05: #F0FDFD;
  --n-color-gulf-10: #E2EFFA;
  --n-color-gulf-20: #C3DDF4;
  --n-color-gulf-30: #9FC9EE;
  --n-color-gulf-40: #6AAAE4;
  --n-color-gulf-60: #227ED1;
  --n-color-gulf-70: #1B6AB1;
  --n-color-gulf-80: #165792;
  --n-color-gulf-90: #0F3D68;
  --n-color-gulf-05: #F1F7FD;
  --n-color-steel-10: #ECEEF2;
  --n-color-steel-20: #DADEE6;
  --n-color-steel-30: #C1C7D2;
  --n-color-steel-50: #8A92A3;
  --n-color-steel-70: #545C6E;
  --n-color-steel-90: #22262F;
  --n-color-steel-05: #F6F7F9;
  --n-color-base-snow: #FCFCFC;
  --n-color-base-white: #FFFFFF;
  --n-color-base-black: #000000;
  --n-color-status-success: #18794E;
  --n-color-status-success-bg: #E3F5EC;
  --n-color-status-warning: #9A5B00;
  --n-color-status-warning-bg: #FFF1D6;
  --n-color-status-danger: #C0352F;
  --n-color-status-danger-bg: #FDE7E6;
  --n-color-status-info: #1B6AB1;
  --n-color-status-info-bg: #E2EFFA;
  --n-color-dataviz-light-1: #227ED1;
  --n-color-dataviz-light-2: #E0703F;
  --n-color-dataviz-light-3: #159A9C;
  --n-color-dataviz-light-4: #D29B1F;
  --n-color-dataviz-light-5: #7562C9;
  --n-color-dataviz-light-6: #C2477A;
  --n-color-dataviz-dark-1: #3A8EE0;
  --n-color-dataviz-dark-2: #D9693A;
  --n-color-dataviz-dark-3: #17999B;
  --n-color-dataviz-dark-4: #B8861A;
  --n-color-dataviz-dark-5: #8C7BDB;
  --n-color-dataviz-dark-6: #D35C8C;
  --n-gradient-aurora: linear-gradient(120deg, #FFE3D3 0%, #FFF9F3 38%, #95ECF1 72%, #227ED1 100%);
  --n-gradient-horizon: linear-gradient(120deg, #273156 0%, #1D6EC4 38%, #227ED1 62%, #4ECAE6 100%);
  --n-gradient-night: linear-gradient(120deg, #121624 0%, #273156 100%);
  --n-brand-north-signal: #273156;
  --n-brand-northstar-signal: #95ECF1;
  --n-brand-northcloud-signal: #227ED1;
  --n-brand-northedge-signal: #FDB48D;
  --n-font-family-display: "Helvetica Now Display", "Helvetica Neue", Arial, sans-serif;
  --n-font-family-text: "Helvetica Now Text", "Helvetica Neue", Arial, sans-serif;
  --n-font-family-arabic: "IBM Plex Sans Arabic", "Noto Sans Arabic", Tahoma, sans-serif;
  --n-font-family-mono: "JetBrains Mono", SFMono-Regular, Menlo, Consolas, monospace;
  --n-font-weight-light: 300;
  --n-font-weight-regular: 400;
  --n-font-weight-medium: 500;
  --n-font-weight-bold: 700;
  --n-font-weight-extrabold: 800;
  --n-arabic-size-ratio: 1.08;
  --n-arabic-line-height-body: 1.8;
  --n-arabic-line-height-heading: 1.35;
  --n-arabic-letter-spacing: 0;
  --n-arabic-weight-heading: 600;
  --n-space-0: 0px;
  --n-space-1: 4px;
  --n-space-2: 8px;
  --n-space-3: 12px;
  --n-space-4: 16px;
  --n-space-5: 20px;
  --n-space-6: 24px;
  --n-space-8: 32px;
  --n-space-10: 40px;
  --n-space-12: 48px;
  --n-space-16: 64px;
  --n-space-20: 80px;
  --n-space-24: 96px;
  --n-space-32: 128px;
  --n-space-40: 160px;
  --n-space-0-5: 2px;
  --n-radius-none: 0px;
  --n-radius-xs: 4px;
  --n-radius-sm: 8px;
  --n-radius-md: 12px;
  --n-radius-lg: 16px;
  --n-radius-xl: 24px;
  --n-radius-2xl: 32px;
  --n-radius-full: 9999px;
  --n-border-hairline: 1px;
  --n-border-strong: 2px;
  --n-border-focus: 3px;
  --n-shadow-0: none;
  --n-shadow-1: 0 1px 2px rgba(27,34,61,.06), 0 1px 1px rgba(27,34,61,.04);
  --n-shadow-2: 0 4px 12px rgba(27,34,61,.08), 0 1px 3px rgba(27,34,61,.06);
  --n-shadow-3: 0 12px 32px rgba(27,34,61,.12), 0 2px 6px rgba(27,34,61,.06);
  --n-shadow-4: 0 24px 64px rgba(27,34,61,.18), 0 4px 12px rgba(27,34,61,.08);
  --n-shadow-glow: 0 0 0 1px rgba(149,236,241,.4), 0 0 32px rgba(149,236,241,.35);
  --n-motion-duration-instant: 80ms;
  --n-motion-duration-fast: 140ms;
  --n-motion-duration-base: 220ms;
  --n-motion-duration-slow: 360ms;
  --n-motion-duration-deliberate: 600ms;
  --n-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --n-motion-easing-enter: cubic-bezier(0, 0, 0.2, 1);
  --n-motion-easing-exit: cubic-bezier(0.4, 0, 1, 1);
  --n-motion-easing-rise: cubic-bezier(0.22, 1, 0.36, 1);
  --n-breakpoint-sm: 640px;
  --n-breakpoint-md: 960px;
  --n-breakpoint-lg: 1280px;
  --n-breakpoint-xl: 1600px;
  --n-grid-columns-mobile: 4;
  --n-grid-columns-tablet: 8;
  --n-grid-columns-desktop: 12;
  --n-grid-gutter-mobile: 16px;
  --n-grid-gutter-desktop: 32px;
  --n-grid-margin-mobile: 16px;
  --n-grid-margin-desktop: 64px;
  --n-grid-max-width: 1280px;
  --n-grid-measure: 68ch;
  --n-z-base: 0;
  --n-z-raised: 10;
  --n-z-sticky: 100;
  --n-z-overlay: 1000;
  --n-z-modal: 1100;
  --n-z-toast: 1200;
  --n-opacity-disabled: 0.4;
  --n-opacity-muted: 0.64;
  --n-opacity-scrim: 0.72;
  --n-size-control-sm: 32px;
  --n-size-control-md: 40px;
  --n-size-control-lg: 48px;
  --n-size-touch-min: 44px;
  --n-size-icon-sm: 16px;
  --n-size-icon-md: 20px;
  --n-size-icon-lg: 24px;
  --n-size-table-row: 44px;
  --n-filter-blur-scrim: 4px;
  --n-filter-blur-sm: 8px;
  --n-filter-blur-md: 14px;
  --n-filter-blur-lg: 40px;
  --n-filter-grayscale: 1;
  --n-filter-grayscale-muted: 0.6;
  --n-filter-dim: 0.72;
  --n-filter-saturate-backdrop: 1.4;
  --n-diagram-grid: 8px;
  --n-diagram-stroke: 1.5px;
  --n-diagram-stroke-strong: 2.5px;
  --n-diagram-node-radius: 8px;
  --n-diagram-group-radius: 16px;
  --n-diagram-zone-radius: 24px;
  --n-diagram-node-min-width: 144px;
  --n-diagram-node-height: 56px;
  --n-diagram-node-padding: 12px 16px;
  --n-diagram-gap: 48px;
  --n-diagram-dash: 6 4;
  --n-diagram-dot: 1.5 4;
  --n-diagram-arrow-size: 8px;
  --n-diagram-label-size: 14px;
  --n-diagram-caption-size: 12px;
  --n-diagram-icon-size: 20px;
}

/* Semantic roles: light (default) */
:root,
:root[data-theme="light"] {
  color-scheme: light;
  --n-bg-canvas: #FFFFFF;
  --n-bg-subtle: #FFF9F3;
  --n-bg-panel: #FAF2E8;
  --n-bg-inverse: #273156;
  --n-surface-raised: #FFFFFF;
  --n-text-heading: #1B223D;
  --n-text-body: #3D4870;
  --n-text-caption: #58628A;
  --n-text-strong: #1B223D;
  --n-text-link: #1B6AB1;
  --n-text-on-action: #FFFFFF;
  --n-action: #1B6AB1;
  --n-action-hover: #165792;
  --n-accent: #FFE3D3;
  --n-border: #F0E5D7;
  --n-border-ui: #DADEE6;
  --n-focus: #227ED1;
  --n-diagram-canvas: #FFFFFF;
  --n-diagram-line: #3D4870;
  --n-diagram-line-strong: #1B223D;
  --n-diagram-node: #FFFFFF;
  --n-diagram-node-alt: #FFF9F3;
  --n-diagram-group: #FAF2E8;
  --n-diagram-zone: #F0FDFD;
  --n-diagram-zone-border: #1A98B3;
  --n-diagram-ai: #1A98B3;
  --n-diagram-human: #F08A5D;
  --n-diagram-flow: #1B6AB1;
  --n-diagram-label: #1B223D;
  --n-diagram-caption: #58628A;
  --n-skeleton-base: #ECEEF2;
  --n-skeleton-shine: rgba(255,255,255,0.65);
  --n-scrim: rgba(18,22,36,0.72);
  --n-row-hover: rgba(27,34,61,0.035);
  --n-row-selected: rgba(27,106,177,0.09);
  --n-table-header: #F6F7F9;
  --n-status-success: #18794E;
  --n-status-success-bg: #E3F5EC;
  --n-status-warning: #9A5B00;
  --n-status-warning-bg: #FFF1D6;
  --n-status-danger: #C0352F;
  --n-status-danger-bg: #FDE7E6;
  --n-status-info: #1B6AB1;
  --n-status-info-bg: #E2EFFA;
  --n-text-on-danger: #FFFFFF;
}

/* Semantic roles: dark (OS preference, unless the page is pinned to light) */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --n-bg-canvas: #121624;
    --n-bg-subtle: #1A2033;
    --n-bg-panel: #1B223D;
    --n-bg-inverse: #FFF9F3;
    --n-surface-raised: #1B223D;
    --n-text-heading: #FCFCFC;
    --n-text-body: #C8CDE0;
    --n-text-caption: #A3AAC6;
    --n-text-strong: #FCFCFC;
    --n-text-link: #95ECF1;
    --n-text-on-action: #1B223D;
    --n-action: #95ECF1;
    --n-action-hover: #C0F4F7;
    --n-accent: #FDB48D;
    --n-border: #2A3352;
    --n-border-ui: #2A3352;
    --n-focus: #95ECF1;
    --n-diagram-canvas: #121624;
    --n-diagram-line: #A3AAC6;
    --n-diagram-line-strong: #FCFCFC;
    --n-diagram-node: #1B223D;
    --n-diagram-node-alt: #273156;
    --n-diagram-group: #1A2033;
    --n-diagram-zone: #14242E;
    --n-diagram-zone-border: #4ECAE6;
    --n-diagram-ai: #95ECF1;
    --n-diagram-human: #FDB48D;
    --n-diagram-flow: #6AAAE4;
    --n-diagram-label: #FCFCFC;
    --n-diagram-caption: #A3AAC6;
    --n-skeleton-base: #1E2640;
    --n-skeleton-shine: rgba(255,255,255,0.06);
    --n-scrim: rgba(6,8,14,0.78);
    --n-row-hover: rgba(252,252,252,0.04);
    --n-row-selected: rgba(149,236,241,0.10);
    --n-table-header: #1B223D;
    --n-status-success: #5CC796;
    --n-status-success-bg: #13301F;
    --n-status-warning: #F2B544;
    --n-status-warning-bg: #33270F;
    --n-status-danger: #FF8A84;
    --n-status-danger-bg: #3A1717;
    --n-status-info: #6AAAE4;
    --n-status-info-bg: #14253D;
    --n-text-on-danger: #1B223D;
  }
}

/* Semantic roles: dark (explicit toggle) */
:root[data-theme="dark"] {
  color-scheme: dark;
  --n-bg-canvas: #121624;
  --n-bg-subtle: #1A2033;
  --n-bg-panel: #1B223D;
  --n-bg-inverse: #FFF9F3;
  --n-surface-raised: #1B223D;
  --n-text-heading: #FCFCFC;
  --n-text-body: #C8CDE0;
  --n-text-caption: #A3AAC6;
  --n-text-strong: #FCFCFC;
  --n-text-link: #95ECF1;
  --n-text-on-action: #1B223D;
  --n-action: #95ECF1;
  --n-action-hover: #C0F4F7;
  --n-accent: #FDB48D;
  --n-border: #2A3352;
  --n-border-ui: #2A3352;
  --n-focus: #95ECF1;
  --n-diagram-canvas: #121624;
  --n-diagram-line: #A3AAC6;
  --n-diagram-line-strong: #FCFCFC;
  --n-diagram-node: #1B223D;
  --n-diagram-node-alt: #273156;
  --n-diagram-group: #1A2033;
  --n-diagram-zone: #14242E;
  --n-diagram-zone-border: #4ECAE6;
  --n-diagram-ai: #95ECF1;
  --n-diagram-human: #FDB48D;
  --n-diagram-flow: #6AAAE4;
  --n-diagram-label: #FCFCFC;
  --n-diagram-caption: #A3AAC6;
  --n-skeleton-base: #1E2640;
  --n-skeleton-shine: rgba(255,255,255,0.06);
  --n-scrim: rgba(6,8,14,0.78);
  --n-row-hover: rgba(252,252,252,0.04);
  --n-row-selected: rgba(149,236,241,0.10);
  --n-table-header: #1B223D;
  --n-status-success: #5CC796;
  --n-status-success-bg: #13301F;
  --n-status-warning: #F2B544;
  --n-status-warning-bg: #33270F;
  --n-status-danger: #FF8A84;
  --n-status-danger-bg: #3A1717;
  --n-status-info: #6AAAE4;
  --n-status-info-bg: #14253D;
  --n-text-on-danger: #1B223D;
}

/* Theme islands: force a light or dark context inside any element, whatever the page mode. */
.n-theme-light {
  color-scheme: light;
  --n-bg-canvas: #FFFFFF;
  --n-bg-subtle: #FFF9F3;
  --n-bg-panel: #FAF2E8;
  --n-bg-inverse: #273156;
  --n-surface-raised: #FFFFFF;
  --n-text-heading: #1B223D;
  --n-text-body: #3D4870;
  --n-text-caption: #58628A;
  --n-text-strong: #1B223D;
  --n-text-link: #1B6AB1;
  --n-text-on-action: #FFFFFF;
  --n-action: #1B6AB1;
  --n-action-hover: #165792;
  --n-accent: #FFE3D3;
  --n-border: #F0E5D7;
  --n-border-ui: #DADEE6;
  --n-focus: #227ED1;
  --n-diagram-canvas: #FFFFFF;
  --n-diagram-line: #3D4870;
  --n-diagram-line-strong: #1B223D;
  --n-diagram-node: #FFFFFF;
  --n-diagram-node-alt: #FFF9F3;
  --n-diagram-group: #FAF2E8;
  --n-diagram-zone: #F0FDFD;
  --n-diagram-zone-border: #1A98B3;
  --n-diagram-ai: #1A98B3;
  --n-diagram-human: #F08A5D;
  --n-diagram-flow: #1B6AB1;
  --n-diagram-label: #1B223D;
  --n-diagram-caption: #58628A;
  --n-skeleton-base: #ECEEF2;
  --n-skeleton-shine: rgba(255,255,255,0.65);
  --n-scrim: rgba(18,22,36,0.72);
  --n-row-hover: rgba(27,34,61,0.035);
  --n-row-selected: rgba(27,106,177,0.09);
  --n-table-header: #F6F7F9;
  --n-status-success: #18794E;
  --n-status-success-bg: #E3F5EC;
  --n-status-warning: #9A5B00;
  --n-status-warning-bg: #FFF1D6;
  --n-status-danger: #C0352F;
  --n-status-danger-bg: #FDE7E6;
  --n-status-info: #1B6AB1;
  --n-status-info-bg: #E2EFFA;
  --n-text-on-danger: #FFFFFF;
}
.n-theme-dark {
  color-scheme: dark;
  --n-bg-canvas: #121624;
  --n-bg-subtle: #1A2033;
  --n-bg-panel: #1B223D;
  --n-bg-inverse: #FFF9F3;
  --n-surface-raised: #1B223D;
  --n-text-heading: #FCFCFC;
  --n-text-body: #C8CDE0;
  --n-text-caption: #A3AAC6;
  --n-text-strong: #FCFCFC;
  --n-text-link: #95ECF1;
  --n-text-on-action: #1B223D;
  --n-action: #95ECF1;
  --n-action-hover: #C0F4F7;
  --n-accent: #FDB48D;
  --n-border: #2A3352;
  --n-border-ui: #2A3352;
  --n-focus: #95ECF1;
  --n-diagram-canvas: #121624;
  --n-diagram-line: #A3AAC6;
  --n-diagram-line-strong: #FCFCFC;
  --n-diagram-node: #1B223D;
  --n-diagram-node-alt: #273156;
  --n-diagram-group: #1A2033;
  --n-diagram-zone: #14242E;
  --n-diagram-zone-border: #4ECAE6;
  --n-diagram-ai: #95ECF1;
  --n-diagram-human: #FDB48D;
  --n-diagram-flow: #6AAAE4;
  --n-diagram-label: #FCFCFC;
  --n-diagram-caption: #A3AAC6;
  --n-skeleton-base: #1E2640;
  --n-skeleton-shine: rgba(255,255,255,0.06);
  --n-scrim: rgba(6,8,14,0.78);
  --n-row-hover: rgba(252,252,252,0.04);
  --n-row-selected: rgba(149,236,241,0.10);
  --n-table-header: #1B223D;
  --n-status-success: #5CC796;
  --n-status-success-bg: #13301F;
  --n-status-warning: #F2B544;
  --n-status-warning-bg: #33270F;
  --n-status-danger: #FF8A84;
  --n-status-danger-bg: #3A1717;
  --n-status-info: #6AAAE4;
  --n-status-info-bg: #14253D;
  --n-text-on-danger: #1B223D;
}

/* Text styles */
.n-type-display-xl {
  font-family: "Helvetica Now Display", "Helvetica Neue", Arial, sans-serif;
  font-weight: 700;
  font-size: 96px;
  line-height: 0.96;
  letter-spacing: -0.035em;
}

.n-type-display-lg {
  font-family: "Helvetica Now Display", "Helvetica Neue", Arial, sans-serif;
  font-weight: 700;
  font-size: 72px;
  line-height: 1;
  letter-spacing: -0.03em;
}

.n-type-heading-1 {
  font-family: "Helvetica Now Display", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-size: 48px;
  line-height: 1.06;
  letter-spacing: -0.02em;
}

.n-type-heading-2 {
  font-family: "Helvetica Now Display", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-size: 36px;
  line-height: 1.1;
  letter-spacing: -0.015em;
}

.n-type-heading-3 {
  font-family: "Helvetica Now Display", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 1.22;
  letter-spacing: -0.01em;
}

.n-type-heading-4 {
  font-family: "Helvetica Now Text", "Helvetica Neue", Arial, sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: 0;
}

.n-type-lead {
  font-family: "Helvetica Now Display", "Helvetica Neue", Arial, sans-serif;
  font-weight: 300;
  font-size: 22px;
  line-height: 1.45;
  letter-spacing: -0.005em;
}

.n-type-body-lg {
  font-family: "Helvetica Now Text", "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.55;
  letter-spacing: 0;
}

.n-type-body {
  font-family: "Helvetica Now Text", "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.55;
  letter-spacing: 0;
}

.n-type-body-sm {
  font-family: "Helvetica Now Text", "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0.005em;
}

.n-type-caption {
  font-family: "Helvetica Now Text", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0.01em;
}

.n-type-microtitle {
  font-family: "Helvetica Now Text", "Helvetica Neue", Arial, sans-serif;
  font-weight: 700;
  font-size: 12px;
  line-height: 1.3;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.n-type-code {
  font-family: "JetBrains Mono", SFMono-Regular, Menlo, Consolas, monospace;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.6;
  letter-spacing: 0;
}