/* 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: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/Inter-400.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/Inter-600.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: #0B0D10;
  --wt-color-panel: #121519;
  --wt-color-surface: #181C21;
  --wt-color-surface-hover: #21262D;
  --wt-color-surface-muted: #262B33;
  --wt-color-text: #E6E9EE;
  --wt-color-text-soft: #A8B0BB;
  --wt-color-text-faint: #6B7480;
  --wt-color-accent: #38D6C4;
  --wt-color-accent-alt: #BC8CFF;
  --wt-color-accent-2: #3FB6A8;
  --wt-color-success: #3FB950;
  --wt-color-warning: #D29922;
  --wt-color-error: #F85149;
  --wt-color-success-bg: #11271A;
  --wt-color-warning-bg: #2A2210;
  --wt-color-error-bg: #2A1414;
  --wt-color-accent-hover: #4FE3D2;
  --wt-color-accent-alt-hover: #CBA0FF;
  --wt-color-accent-2-hover: #54C8BA;
  --wt-color-error-hover: #FF6B5E;
  --wt-color-accent-run: #58A6FF;
  --wt-color-focus: #38D6C4;
  --wt-color-bg-deep: #07080A;
  --wt-color-text-muted: #8A93A0;
  --wt-color-surface-active: #2B313A;
  --wt-color-icon-muted: #6B7480;
  --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-font-ui: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 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: #F6F8FA;
  --wt-color-panel: #FFFFFF;
  --wt-color-surface: #EBEEF2;
  --wt-color-surface-hover: #DFE3E9;
  --wt-color-surface-muted: #CFD5DD;
  --wt-color-text: #14181D;
  --wt-color-text-soft: #44505C;
  --wt-color-text-faint: #8893A0;
  --wt-color-accent: #0FAE9C;
  --wt-color-accent-alt: #8A4FE0;
  --wt-color-accent-2: #14998A;
  --wt-color-success: #1A8F3C;
  --wt-color-warning: #B07D0A;
  --wt-color-error: #D5392E;
  --wt-color-success-bg: #E3F3E8;
  --wt-color-warning-bg: #FBF1DA;
  --wt-color-error-bg: #FBE4E2;
  --wt-color-accent-hover: #0C9384;
  --wt-color-accent-alt-hover: #7A40D0;
  --wt-color-accent-2-hover: #118475;
  --wt-color-error-hover: #C0322A;
  --wt-color-accent-run: #2C7BE5;
  --wt-color-focus: #0FAE9C;
  --wt-color-bg-deep: #07080A;
  --wt-color-text-muted: #5A6573;
  --wt-color-surface-active: #DCE1E7;
  --wt-color-icon-muted: #8893A0;
}