/* Generated by build.py from tokens/tokens.json. Do not edit by hand. */
:root {
  --wd-night: #17153A;
  --wd-harbor: #0F0D24;
  --wd-raised: #26215A;
  --wd-purple: #6C5CE7;
  --wd-purple-600: #5A4AD6;
  --wd-lilac: #A99BFF;
  --wd-light: #F6F5FF;
  --wd-moonlight: #F1EFFF;
  --wd-slate: #625E80;
  --wd-haze: #A6A2C8;
  --wd-white: #FFFFFF;
  --wd-black: #000000;
  --wd-light-success: #157A4F;
  --wd-light-success-subtle: #E3F5EC;
  --wd-light-warning: #9A5B00;
  --wd-light-warning-subtle: #FDF1DC;
  --wd-light-error: #C2334D;
  --wd-light-error-subtle: #FDEBEE;
  --wd-light-info: #2563C9;
  --wd-light-info-subtle: #E3EDFC;
  --wd-dark-success: #4FD69C;
  --wd-dark-success-subtle: #10302A;
  --wd-dark-warning: #F5B544;
  --wd-dark-warning-subtle: #33260F;
  --wd-dark-error: #FF7A8F;
  --wd-dark-error-subtle: #3A1424;
  --wd-dark-info: #6FB1FF;
  --wd-dark-info-subtle: #0F2747;
  --wd-font-heading: 'Outfit', ui-sans-serif, system-ui, sans-serif;
  --wd-font-body: 'Inter', ui-sans-serif, system-ui, sans-serif;
  --wd-font-mono: ui-monospace, 'JetBrains Mono', 'SFMono-Regular', Menlo, Consolas, monospace;
  --wd-type-display-family: var(--wd-font-heading);
  --wd-type-display-size: 56px;
  --wd-type-display-line: 64px;
  --wd-type-display-weight: 600;
  --wd-type-display-tracking: -0.02em;
  --wd-type-h1-family: var(--wd-font-heading);
  --wd-type-h1-size: 40px;
  --wd-type-h1-line: 48px;
  --wd-type-h1-weight: 600;
  --wd-type-h1-tracking: -0.015em;
  --wd-type-h2-family: var(--wd-font-heading);
  --wd-type-h2-size: 32px;
  --wd-type-h2-line: 40px;
  --wd-type-h2-weight: 600;
  --wd-type-h2-tracking: -0.01em;
  --wd-type-h3-family: var(--wd-font-heading);
  --wd-type-h3-size: 24px;
  --wd-type-h3-line: 32px;
  --wd-type-h3-weight: 500;
  --wd-type-h3-tracking: -0.005em;
  --wd-type-h4-family: var(--wd-font-heading);
  --wd-type-h4-size: 20px;
  --wd-type-h4-line: 28px;
  --wd-type-h4-weight: 500;
  --wd-type-h4-tracking: 0;
  --wd-type-body-lg-family: var(--wd-font-body);
  --wd-type-body-lg-size: 18px;
  --wd-type-body-lg-line: 28px;
  --wd-type-body-lg-weight: 400;
  --wd-type-body-lg-tracking: -0.005em;
  --wd-type-body-family: var(--wd-font-body);
  --wd-type-body-size: 16px;
  --wd-type-body-line: 24px;
  --wd-type-body-weight: 400;
  --wd-type-body-tracking: 0;
  --wd-type-body-sm-family: var(--wd-font-body);
  --wd-type-body-sm-size: 14px;
  --wd-type-body-sm-line: 20px;
  --wd-type-body-sm-weight: 400;
  --wd-type-body-sm-tracking: 0;
  --wd-type-caption-family: var(--wd-font-body);
  --wd-type-caption-size: 12px;
  --wd-type-caption-line: 16px;
  --wd-type-caption-weight: 500;
  --wd-type-caption-tracking: 0.01em;
  --wd-type-overline-family: var(--wd-font-body);
  --wd-type-overline-size: 12px;
  --wd-type-overline-line: 16px;
  --wd-type-overline-weight: 600;
  --wd-type-overline-tracking: 0.08em;
  --wd-type-overline-transform: uppercase;
  --wd-type-code-family: var(--wd-font-mono);
  --wd-type-code-size: 14px;
  --wd-type-code-line: 20px;
  --wd-type-code-weight: 400;
  --wd-type-code-tracking: 0;
  --wd-space-0: 0px;
  --wd-space-1: 4px;
  --wd-space-2: 8px;
  --wd-space-3: 12px;
  --wd-space-4: 16px;
  --wd-space-5: 20px;
  --wd-space-6: 24px;
  --wd-space-8: 32px;
  --wd-space-10: 40px;
  --wd-space-12: 48px;
  --wd-space-16: 64px;
  --wd-space-20: 80px;
  --wd-space-24: 96px;
  --wd-space-32: 128px;
  --wd-radius-xs: 4px;
  --wd-radius-sm: 6px;
  --wd-radius-md: 10px;
  --wd-radius-lg: 14px;
  --wd-radius-xl: 20px;
  --wd-radius-2xl: 28px;
  --wd-radius-full: 9999px;
  --wd-radius-icon-tile: 21.875%;
  --wd-shadow-glow: 0 0 0 1px rgba(169,155,255,0.18), 0 8px 32px -8px rgba(108,92,231,0.45);
  --wd-shadow-focus: 0 0 0 3px rgba(108,92,231,0.45);
}

:root, [data-theme="light"] {
  --wd-bg: #F6F5FF;
  --wd-surface: #FFFFFF;
  --wd-surface-raised: #FFFFFF;
  --wd-surface-inverse: #17153A;
  --wd-border: #E4E1F7;
  --wd-border-strong: #C9C4EC;
  --wd-text: #17153A;
  --wd-text-muted: #625E80;
  --wd-text-inverse: #F1EFFF;
  --wd-accent: #6C5CE7;
  --wd-accent-hover: #5A4AD6;
  --wd-accent-text: #5A4AD6;
  --wd-on-accent: #FFFFFF;
  --wd-focus: #6C5CE7;
  --wd-success: #157A4F;
  --wd-success-subtle: #E3F5EC;
  --wd-warning: #9A5B00;
  --wd-warning-subtle: #FDF1DC;
  --wd-error: #C2334D;
  --wd-error-subtle: #FDEBEE;
  --wd-info: #2563C9;
  --wd-info-subtle: #E3EDFC;
  --wd-shadow-sm: 0 1px 2px rgba(23,21,58,0.06), 0 1px 1px rgba(23,21,58,0.04);
  --wd-shadow-md: 0 4px 12px -2px rgba(23,21,58,0.08), 0 2px 4px rgba(23,21,58,0.04);
  --wd-shadow-lg: 0 16px 40px -8px rgba(23,21,58,0.16), 0 4px 12px rgba(23,21,58,0.06);
}

[data-theme="dark"] {
  --wd-bg: #0F0D24;
  --wd-surface: #17153A;
  --wd-surface-raised: #26215A;
  --wd-surface-inverse: #F6F5FF;
  --wd-border: #2E2966;
  --wd-border-strong: #463F8A;
  --wd-text: #F1EFFF;
  --wd-text-muted: #A6A2C8;
  --wd-text-inverse: #17153A;
  --wd-accent: #A99BFF;
  --wd-accent-hover: #BDB2FF;
  --wd-accent-text: #A99BFF;
  --wd-on-accent: #17153A;
  --wd-focus: #A99BFF;
  --wd-success: #4FD69C;
  --wd-success-subtle: #10302A;
  --wd-warning: #F5B544;
  --wd-warning-subtle: #33260F;
  --wd-error: #FF7A8F;
  --wd-error-subtle: #3A1424;
  --wd-info: #6FB1FF;
  --wd-info-subtle: #0F2747;
  --wd-shadow-sm: 0 1px 2px rgba(0,0,0,0.40);
  --wd-shadow-md: 0 8px 24px -4px rgba(0,0,0,0.50), 0 0 0 1px rgba(169,155,255,0.06);
  --wd-shadow-lg: 0 24px 56px -12px rgba(0,0,0,0.60), 0 0 0 1px rgba(169,155,255,0.08);
}

@media (prefers-color-scheme: dark) {
:root:not([data-theme="light"]) {
  --wd-bg: #0F0D24;
  --wd-surface: #17153A;
  --wd-surface-raised: #26215A;
  --wd-surface-inverse: #F6F5FF;
  --wd-border: #2E2966;
  --wd-border-strong: #463F8A;
  --wd-text: #F1EFFF;
  --wd-text-muted: #A6A2C8;
  --wd-text-inverse: #17153A;
  --wd-accent: #A99BFF;
  --wd-accent-hover: #BDB2FF;
  --wd-accent-text: #A99BFF;
  --wd-on-accent: #17153A;
  --wd-focus: #A99BFF;
  --wd-success: #4FD69C;
  --wd-success-subtle: #10302A;
  --wd-warning: #F5B544;
  --wd-warning-subtle: #33260F;
  --wd-error: #FF7A8F;
  --wd-error-subtle: #3A1424;
  --wd-info: #6FB1FF;
  --wd-info-subtle: #0F2747;
  --wd-shadow-sm: 0 1px 2px rgba(0,0,0,0.40);
  --wd-shadow-md: 0 8px 24px -4px rgba(0,0,0,0.50), 0 0 0 1px rgba(169,155,255,0.06);
  --wd-shadow-lg: 0 24px 56px -12px rgba(0,0,0,0.60), 0 0 0 1px rgba(169,155,255,0.08);
}

}
.wd-display { font-family: var(--wd-type-display-family); font-size: var(--wd-type-display-size); line-height: var(--wd-type-display-line); font-weight: var(--wd-type-display-weight); letter-spacing: var(--wd-type-display-tracking); }
.wd-h1 { font-family: var(--wd-type-h1-family); font-size: var(--wd-type-h1-size); line-height: var(--wd-type-h1-line); font-weight: var(--wd-type-h1-weight); letter-spacing: var(--wd-type-h1-tracking); }
.wd-h2 { font-family: var(--wd-type-h2-family); font-size: var(--wd-type-h2-size); line-height: var(--wd-type-h2-line); font-weight: var(--wd-type-h2-weight); letter-spacing: var(--wd-type-h2-tracking); }
.wd-h3 { font-family: var(--wd-type-h3-family); font-size: var(--wd-type-h3-size); line-height: var(--wd-type-h3-line); font-weight: var(--wd-type-h3-weight); letter-spacing: var(--wd-type-h3-tracking); }
.wd-h4 { font-family: var(--wd-type-h4-family); font-size: var(--wd-type-h4-size); line-height: var(--wd-type-h4-line); font-weight: var(--wd-type-h4-weight); letter-spacing: var(--wd-type-h4-tracking); }
.wd-body-lg { font-family: var(--wd-type-body-lg-family); font-size: var(--wd-type-body-lg-size); line-height: var(--wd-type-body-lg-line); font-weight: var(--wd-type-body-lg-weight); letter-spacing: var(--wd-type-body-lg-tracking); }
.wd-body { font-family: var(--wd-type-body-family); font-size: var(--wd-type-body-size); line-height: var(--wd-type-body-line); font-weight: var(--wd-type-body-weight); letter-spacing: var(--wd-type-body-tracking); }
.wd-body-sm { font-family: var(--wd-type-body-sm-family); font-size: var(--wd-type-body-sm-size); line-height: var(--wd-type-body-sm-line); font-weight: var(--wd-type-body-sm-weight); letter-spacing: var(--wd-type-body-sm-tracking); }
.wd-caption { font-family: var(--wd-type-caption-family); font-size: var(--wd-type-caption-size); line-height: var(--wd-type-caption-line); font-weight: var(--wd-type-caption-weight); letter-spacing: var(--wd-type-caption-tracking); }
.wd-overline { font-family: var(--wd-type-overline-family); font-size: var(--wd-type-overline-size); line-height: var(--wd-type-overline-line); font-weight: var(--wd-type-overline-weight); letter-spacing: var(--wd-type-overline-tracking); text-transform: var(--wd-type-overline-transform); }
.wd-code { font-family: var(--wd-type-code-family); font-size: var(--wd-type-code-size); line-height: var(--wd-type-code-line); font-weight: var(--wd-type-code-weight); letter-spacing: var(--wd-type-code-tracking); }