/* Generated by `flux tokens build` — DO NOT EDIT. Source: webterminal.toml */

@font-face {
  font-family: "Space Grotesk";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/SpaceGrotesk-700.woff2") format("woff2");
}
@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/JetBrainsMono-400.woff2") format("woff2");
}
@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/JetBrainsMono-700.woff2") format("woff2");
}

:root {
  --wt-color-bg: #1e1e2e;
  --wt-color-panel: #181825;
  --wt-color-surface: #313244;
  --wt-color-surface-hover: #45475a;
  --wt-color-surface-muted: #585b70;
  --wt-color-text: #cdd6f4;
  --wt-color-text-soft: #a6adc8;
  --wt-color-text-faint: #6c7086;
  --wt-color-accent: #89b4fa;
  --wt-color-accent-alt: #cba6f7;
  --wt-color-accent-2: #94e2d5;
  --wt-color-success: #a6e3a1;
  --wt-color-warning: #f9e2af;
  --wt-color-error: #f38ba8;
  --wt-color-success-bg: #1e3a2a;
  --wt-color-warning-bg: #2d2a1a;
  --wt-color-error-bg: #3a1e1e;
  --wt-color-accent-hover: #b4d0fb;
  --wt-color-accent-alt-hover: #d4b8f8;
  --wt-color-accent-2-hover: #a6e9de;
  --wt-color-error-hover: #f5a3bb;
  --wt-color-accent-run: #74c7ec;
  --wt-color-focus: #7287fd;
  --wt-color-bg-deep: #11111b;
  --wt-color-text-muted: #9399b2;
  --wt-color-surface-active: #bcc0cc;
  --wt-color-icon-muted: #8c8fa1;
  --wt-font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --wt-font-display: 'Space Grotesk', ui-sans-serif, system-ui, sans-serif;
  --wt-shadow-sm: 0 1px 2px rgba(0,0,0,0.4);
  --wt-shadow-md: 0 4px 12px rgba(0,0,0,0.5);
  --wt-shadow-lg: 0 10px 28px rgba(0,0,0,0.6);
  --wt-radius-sm: 4px;
  --wt-radius-md: 6px;
  --wt-radius-lg: 8px;
  --wt-radius-xl: 10px;
  --wt-space-1: 2px;
  --wt-space-2: 4px;
  --wt-space-3: 8px;
  --wt-space-4: 12px;
  --wt-space-5: 16px;
  --wt-space-6: 24px;
  --wt-space-7: 32px;
  --wt-type-display: 1.6rem;
  --wt-type-h1: 1.3rem;
  --wt-type-h2: 1.1rem;
  --wt-type-h3: 0.95rem;
  --wt-type-body: 0.85rem;
  --wt-type-small: 0.78rem;
  --wt-type-caption: 0.7rem;
  --wt-weight-regular: 400;
  --wt-weight-medium: 500;
  --wt-weight-bold: 700;
  --wt-leading-tight: 1.25;
  --wt-leading-normal: 1.5;
  --wt-leading-relaxed: 1.65;
  --wt-tracking-tight: -0.01em;
  --wt-tracking-normal: 0;
  --wt-tracking-wide: 0.08em;
  --wt-ease-out: cubic-bezier(0.3, 0, 0, 1);
  --wt-ease-inout: cubic-bezier(0.6, 0, 0.2, 1);
  --wt-duration-fast: 90ms;
  --wt-duration-base: 150ms;
  --wt-duration-slow: 240ms;
}

body[data-theme="light"] {
  --wt-color-bg: #eff1f5;
  --wt-color-panel: #e6e9ef;
  --wt-color-surface: #dce0e8;
  --wt-color-surface-hover: #ccd0da;
  --wt-color-surface-muted: #acb0be;
  --wt-color-text: #4c4f69;
  --wt-color-text-soft: #5c5f77;
  --wt-color-text-faint: #9ca0b0;
  --wt-color-accent: #1e66f5;
  --wt-color-accent-alt: #8839ef;
  --wt-color-accent-2: #179299;
  --wt-color-success: #a6e3a1;
  --wt-color-warning: #f9e2af;
  --wt-color-error: #f38ba8;
  --wt-color-success-bg: #1e3a2a;
  --wt-color-warning-bg: #2d2a1a;
  --wt-color-error-bg: #3a1e1e;
  --wt-color-accent-hover: #b4d0fb;
  --wt-color-accent-alt-hover: #d4b8f8;
  --wt-color-accent-2-hover: #a6e9de;
  --wt-color-error-hover: #f5a3bb;
  --wt-color-accent-run: #74c7ec;
  --wt-color-focus: #7287fd;
  --wt-color-bg-deep: #11111b;
  --wt-color-text-muted: #9399b2;
  --wt-color-surface-active: #bcc0cc;
  --wt-color-icon-muted: #8c8fa1;
}