/* Generated from NordHatDesignKit; run npm run design:sync to update. */
:root {
  color-scheme: light dark;
  --nh-account-input-background: var(--nh-mode-secondary-raised-surface);
  --nh-account-input-text-color: var(--nh-mode-main-text);
  --nh-account-input-border-color: var(--nh-mode-control-border);
  --nh-account-input-focus-border-color: var(--nh-mode-primary-raised-surface);
  --nh-account-input-radius: var(--nh-radius-md);
  --nh-account-input-padding-x: var(--nh-spacing-md);
  --nh-account-input-padding-y: var(--nh-spacing-sm);
  --nh-account-input-font-family: var(--nh-font-family-sans);
  --nh-account-input-font-size: var(--nh-font-body);
  --nh-account-primary-background: var(--nh-mode-primary-raised-surface);
  --nh-account-primary-text-color: var(--nh-mode-primary-button-text);
  --nh-account-primary-border-color: var(--nh-mode-primary-raised-surface);
  --nh-account-primary-radius: var(--nh-radius-md);
  --nh-account-primary-padding-x: var(--nh-spacing-lg);
  --nh-account-primary-padding-y: var(--nh-spacing-sm);
  --nh-account-primary-font-family: var(--nh-font-family-sans);
  --nh-account-primary-font-size: var(--nh-font-body);
  --nh-account-primary-font-weight: var(--nh-font-weight-semibold);
  --nh-account-secondary-background: var(--nh-mode-secondary-raised-surface);
  --nh-account-secondary-text-color: var(--nh-mode-main-text);
  --nh-account-secondary-border-color: var(--nh-mode-control-border);
  --nh-account-secondary-radius: var(--nh-radius-md);
  --nh-account-secondary-padding-x: var(--nh-spacing-lg);
  --nh-account-secondary-padding-y: var(--nh-spacing-sm);
  --nh-account-secondary-font-family: var(--nh-font-family-sans);
  --nh-account-secondary-font-size: var(--nh-font-body);
  --nh-account-secondary-font-weight: var(--nh-font-weight-semibold);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-nh-theme="light"]):not([data-nh-theme="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;
  }
}