/* NordHat Design Kit 0.1.2; generated by refresh-platform-tokens.mjs */
:root {
  --nh-spacing-none: 0;
  --nh-spacing-xs: 4px;
  --nh-spacing-sm: 8px;
  --nh-spacing-md: 12px;
  --nh-spacing-lg: 24px;
  --nh-spacing-xl: 32px;
  --nh-spacing-2xl: 48px;
  --nh-radius-none: 0;
  --nh-radius-sm: 8px;
  --nh-radius-md: 10px;
  --nh-radius-lg: 14px;
  --nh-radius-xl: 18px;
  --nh-radius-pill: 999px;
  --nh-shadow-none: none;
  --nh-shadow-sm: 0 1px 3px rgba(22, 26, 34, 0.06);
  --nh-shadow-md: 0 4px 12px rgba(22, 26, 34, 0.08);
  --nh-shadow-lg: 0 12px 32px rgba(22, 26, 34, 0.12);
  --nh-font-family-sans: "Quicksand", "Segoe UI", "SF Pro Text", sans-serif;
  --nh-font-family-mono: "SFMono-Regular", "Roboto Mono", monospace;
  --nh-font-caption: 12px;
  --nh-font-body: 15px;
  --nh-font-body-large: 17px;
  --nh-font-title: 24px;
  --nh-font-display: 36px;
  --nh-font-weight-regular: 400;
  --nh-font-weight-medium: 500;
  --nh-font-weight-semibold: 600;
  --nh-font-weight-bold: 700;
  --nh-line-height-tight: 1.12;
  --nh-line-height-body: 1.55;
  --nh-line-height-loose: 1.75;
}

:root,
[data-nh-theme="light"],
.nh-theme-light,
.light {
  color-scheme: light;
  --nh-mode-nord-color: #92a2ff;
  --nh-mode-hat-color: #ff4f70;
  --nh-mode-primary-raised-surface: #565f82;
  --nh-mode-secondary-raised-surface: #ffffff;
  --nh-mode-background: #f7f8fa;
  --nh-mode-main-text: #242830;
  --nh-mode-secondary-text: #626a76;
  --nh-mode-extra1: #dfe3ea;
  --nh-mode-extra2: #7e86a6;
  --nh-mode-extra3: #eef0f4;
  --nh-mode-extra4: #7a818d;
  --nh-mode-extra5: #111318;
  --nh-mode-accent-blue: #496b94;
  --nh-mode-accent-purple: #706789;
  --nh-mode-critical: #b8475a;
  --nh-mode-primary-button-text: #ffffff;
  --nh-mode-surface-muted: #eff1f5;
  --nh-mode-border-muted: #d9dde5;
  --nh-mode-control-border: #7d8694;
  --nh-mode-grid-line: #e9ecf1;
  --nh-mode-graph-edge: #858eac;
}

[data-nh-theme="dark"],
.nh-theme-dark,
.dark {
  color-scheme: dark;
  --nh-mode-nord-color: #92a2ff;
  --nh-mode-hat-color: #ff4f70;
  --nh-mode-primary-raised-surface: #a5afd3;
  --nh-mode-secondary-raised-surface: #1d2027;
  --nh-mode-background: #14161b;
  --nh-mode-main-text: #eef0f4;
  --nh-mode-secondary-text: #a5adba;
  --nh-mode-extra1: #303640;
  --nh-mode-extra2: #a6afc9;
  --nh-mode-extra3: #282d37;
  --nh-mode-extra4: #959eac;
  --nh-mode-extra5: #ffffff;
  --nh-mode-accent-blue: #91accf;
  --nh-mode-accent-purple: #b5a8ca;
  --nh-mode-critical: #e28a99;
  --nh-mode-primary-button-text: #1c2235;
  --nh-mode-surface-muted: #242831;
  --nh-mode-border-muted: #373e49;
  --nh-mode-control-border: #707a88;
  --nh-mode-grid-line: #292e38;
  --nh-mode-graph-edge: #8993b5;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-nh-theme="light"]):not(.nh-theme-light):not(.light) {
    color-scheme: dark;
    --nh-mode-nord-color: #92a2ff;
    --nh-mode-hat-color: #ff4f70;
    --nh-mode-primary-raised-surface: #a5afd3;
    --nh-mode-secondary-raised-surface: #1d2027;
    --nh-mode-background: #14161b;
    --nh-mode-main-text: #eef0f4;
    --nh-mode-secondary-text: #a5adba;
    --nh-mode-extra1: #303640;
    --nh-mode-extra2: #a6afc9;
    --nh-mode-extra3: #282d37;
    --nh-mode-extra4: #959eac;
    --nh-mode-extra5: #ffffff;
    --nh-mode-accent-blue: #91accf;
    --nh-mode-accent-purple: #b5a8ca;
    --nh-mode-critical: #e28a99;
    --nh-mode-primary-button-text: #1c2235;
    --nh-mode-surface-muted: #242831;
    --nh-mode-border-muted: #373e49;
    --nh-mode-control-border: #707a88;
    --nh-mode-grid-line: #292e38;
    --nh-mode-graph-edge: #8993b5;
  }
}