/* Generated from packages/tokens/src — do not edit by hand. */
/* Run `npm run build:tokens` to regenerate. */

@font-face {
  font-family: 'Geist Variable';
  src: url('../fonts/GeistVF.woff2') format('woff2-variations');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root,
.lq-themed {
  color-scheme: light;

  /* Mode-invariant colors */
  --action-primary-content: #fafafa;
  --accent-blue-strong: #1c5fec;
  --loqalit-component-button-primary-surface-default: #1c5fec;

  /* Light-mode color defaults */
  --surface-canvas: #fafafa;
  --surface-base: #ffffff;
  --surface-subtle: #f4f4f5;
  --surface-inverse: #09090b;
  --bg-base: #ffffff;
  --border-base: #fafafa;
  --border-subtle: #f4f4f5;
  --border-secondary: #e4e4e7;
  --text-primary: #09090b;
  --text-secondary: #52525b;
  --text-tertiary: #a1a1aa;
  --text-inverse: #ffffff;
  --text-disabled: #71717a;
  --text-link: #1c5fec;
  --text-link-hover: #1b4fda;
  --border-strong: #71717a;
  --border-focus: #1c5fec;
  --action-primary-surface-default: #1c5fec;
  --action-primary-surface-hover: #1b4fda;
  --action-primary-surface-focus: #1c5fec;
  --action-primary-surface-pressed: #1d41b0;
  --action-primary-surface-disabled: #e4e4e7;
  --action-primary-content-default: #ffffff;
  --action-primary-content-disabled: #71717a;
  --action-secondary-surface-default: #09090b;
  --action-secondary-surface-hover: #111113;
  --action-secondary-surface-focus: #09090b;
  --action-secondary-surface-pressed: #27272a;
  --action-secondary-surface-disabled: #e4e4e7;
  --action-secondary-content-default: #ffffff;
  --action-secondary-content-disabled: #71717a;
  --action-subtle-bg: #f3f4f6;
  --action-subtle-content: #3f3f46;
  --intent-info-surface: #eff6ff;
  --intent-info-text: #1d4ed8;
  --intent-success-surface: #f0fdf4;
  --intent-success-text: #15803d;
  --intent-warning-surface: #fefce8;
  --intent-warning-text: #a16207;
  --intent-danger-surface: #fef2f2;
  --intent-danger-text: #b91c1c;
  --accent-blue-subtle-bg: #eff6ff;
  --accent-blue-subtle-content: #2563eb;
  --accent-red-subtle-bg: #fef2f2;
  --accent-red-subtle-content: #dc2626;
  --accent-green-subtle-bg: #f0fdf4;
  --accent-green-subtle-content: #16a34a;
  --accent-amber-subtle-bg: #fef3c7;
  --accent-amber-subtle-content: #b45309;
  --accent-yellow-subtle-bg: #fefce8;
  --accent-yellow-subtle-content: #a16207;
  --accent-emerald-subtle-bg: #d1fae5;
  --accent-emerald-subtle-content: #047857;
  --accent-fuchsia-subtle-bg: #fae8ff;
  --accent-fuchsia-subtle-content: #a21caf;
  --text-error: #dc2626;
  --component-button-primary-surface-default: #1c5fec;
  --component-button-primary-surface-hover: #1b4fda;
  --component-button-primary-surface-focus: #1c5fec;
  --component-button-primary-surface-pressed: #1d41b0;
  --component-button-primary-surface-disabled: #e4e4e7;
  --component-button-secondary-surface-default: #09090b;
  --component-button-secondary-surface-hover: #111113;
  --component-button-secondary-surface-focus: #09090b;
  --component-button-secondary-surface-pressed: #27272a;
  --component-button-secondary-surface-disabled: #e4e4e7;
  --product-mqm-accuracy-color: #3b82f6;
  --product-mqm-fluency-color: #22c55e;
  --product-mqm-style-color: #a855f7;
  --product-mqm-terminology-color: #f97316;
  --product-score-excellent-color: #22c55e;
  --product-score-good-color: #3b82f6;
  --product-score-risk-color: #eab308;
  --product-score-risk-surface: #fefce8;
  --product-score-risk-border: #fde047;
  --product-score-risk-content: #ca8a04;
  --product-score-warning-color: #f97316;
  --product-score-fail-color: #ef4444;
  --product-scan-status-queued-color: #71717a;
  --product-scan-status-running-color: #3b82f6;
  --product-scan-status-complete-color: #22c55e;
  --product-scan-status-failed-color: #ef4444;

  /* Typography — font families */
  --font-family-body:
    'Geist Variable', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-family-display:
    'Geist Variable', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-family-mono: ui-monospace, SFMono-Regular, 'Geist Mono', 'Menlo', monospace;

  /* Typography — weights */
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;

  /* Typography — type scale */
  --font-heading-h4-size: 32px;
  --font-heading-h4-line-height: 36px;
  --font-heading-h4-letter-spacing: -0.2px;
  --font-heading-h4-weight: 600;
  --font-heading-h5-size: 24px;
  --font-heading-h5-line-height: 28px;
  --font-heading-h5-letter-spacing: -0.15px;
  --font-heading-h5-weight: 600;
  --font-heading-h6-size: 20px;
  --font-heading-h6-line-height: 24px;
  --font-heading-h6-letter-spacing: 0;
  --font-heading-h6-weight: 600;
  --font-body-1-size: 18px;
  --font-body-1-line-height: 28px;
  --font-body-1-letter-spacing: 0;
  --font-body-1-weight: 500;
  --font-label-1-size: 16px;
  --font-label-1-line-height: 20px;
  --font-label-1-letter-spacing: -0.18px;
  --font-label-1-weight: 500;
  --font-label-2-size: 14px;
  --font-label-2-line-height: 20px;
  --font-label-2-letter-spacing: -0.16px;
  --font-label-2-weight: 400;
  --font-label-3-size: 12px;
  --font-label-3-line-height: 16px;
  --font-label-3-letter-spacing: -0.12px;
  --font-label-3-weight: 500;
  --font-body-2-size: 16px;
  --font-body-2-line-height: 24px;
  --font-body-2-letter-spacing: 0;
  --font-body-2-weight: 500;
  --font-body-3-size: 14px;
  --font-body-3-line-height: 20px;
  --font-body-3-letter-spacing: 0;
  --font-body-3-weight: 400;
  --font-body-4-size: 12px;
  --font-body-4-line-height: 16px;
  --font-body-4-letter-spacing: 0;
  --font-body-4-weight: 400;
  --font-caption-1-size: 10px;
  --font-caption-1-line-height: 12px;
  --font-caption-1-letter-spacing: 0;
  --font-caption-1-weight: 500;

  /* Spacing */
  --space-gap-xs: 4px;
  --space-gap-sm: 8px;
  --space-padding-xs: 8px;
  --space-padding-sm: 12px;
  --space-padding-md: 16px;
  --space-padding-lg: 24px;
  --space-stack-xxs: 4px;
  --space-stack-xs: 8px;
  --space-stack-sm: 12px;
  --space-stack-md: 16px;
  --space-inline-xxs: 4px;
  --space-inline-xs: 8px;
  --space-inline-md: 16px;
  --space-inline-lg: 24px;

  /* Sizing */
  --size-icon-xs: 12px;
  --size-icon-sm: 16px;
  --size-icon-md: 20px;
  --size-button-sm: 32px;
  --size-button-md: 40px;
  --size-button-lg: 56px;
  --component-button-gap-sm: 4px;
  --component-button-gap-md: 8px;
  --component-button-gap-lg: 8px;
  --component-button-padding-x-sm: 16px;
  --component-button-padding-x-md: 16px;
  --component-button-padding-x-lg: 24px;
  --component-button-height-sm: 32px;
  --component-button-height-md: 40px;
  --component-button-height-lg: 56px;
  --component-button-radius-sm: 8px;
  --component-button-radius-md: 8px;
  --component-button-radius-lg: 12px;

  /* Radii */
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-control: 8px;
  --radius-control-lg: 12px;
}

:root[data-theme='dark'],
.lq-themed[data-theme='dark'],
[data-theme='dark'] .lq-themed {
  color-scheme: dark;

  --surface-canvas: #09090b;
  --surface-base: #111113;
  --surface-subtle: #27272a;
  --surface-inverse: #ffffff;
  --bg-base: #09090b;
  --border-base: #1f1f23;
  --border-subtle: #1a1a1e;
  --border-secondary: #27272a;
  --text-primary: #fafafa;
  --text-secondary: #a1a1aa;
  --text-tertiary: #71717a;
  --text-inverse: #09090b;
  --text-disabled: #71717a;
  --text-link: #3b82f6;
  --text-link-hover: #1d4ed8;
  --border-strong: #71717a;
  --border-focus: #3b82f6;
  --action-primary-surface-default: #1c5fec;
  --action-primary-surface-hover: #1b4fda;
  --action-primary-surface-focus: #1c5fec;
  --action-primary-surface-pressed: #1d41b0;
  --action-primary-surface-disabled: #e4e4e7;
  --action-primary-content-default: #ffffff;
  --action-primary-content-disabled: #71717a;
  --action-secondary-surface-default: #09090b;
  --action-secondary-surface-hover: #111113;
  --action-secondary-surface-focus: #09090b;
  --action-secondary-surface-pressed: #27272a;
  --action-secondary-surface-disabled: #e4e4e7;
  --action-secondary-content-default: #ffffff;
  --action-secondary-content-disabled: #71717a;
  --action-subtle-bg: #1a1a1e;
  --action-subtle-content: #d4d4d8;
  --intent-info-surface: #1d4ed8;
  --intent-info-text: #eff6ff;
  --intent-success-surface: #15803d;
  --intent-success-text: #f0fdf4;
  --intent-warning-surface: #a16207;
  --intent-warning-text: #fefce8;
  --intent-danger-surface: #b91c1c;
  --intent-danger-text: #fef2f2;
  --accent-blue-subtle-bg: #172554;
  --accent-blue-subtle-content: #3b82f6;
  --accent-red-subtle-bg: #450a0a;
  --accent-red-subtle-content: #ef4444;
  --accent-green-subtle-bg: #052e16;
  --accent-green-subtle-content: #22c55e;
  --accent-amber-subtle-bg: #451a03;
  --accent-amber-subtle-content: #fbbf24;
  --accent-yellow-subtle-bg: #422006;
  --accent-yellow-subtle-content: #facc15;
  --accent-emerald-subtle-bg: #022c22;
  --accent-emerald-subtle-content: #34d399;
  --accent-fuchsia-subtle-bg: #4a044e;
  --accent-fuchsia-subtle-content: #e879f9;
  --text-error: #ef4444;
  --component-button-primary-surface-default: #1c5fec;
  --component-button-primary-surface-hover: #1b4fda;
  --component-button-primary-surface-focus: #1c5fec;
  --component-button-primary-surface-pressed: #1d41b0;
  --component-button-primary-surface-disabled: #e4e4e7;
  --component-button-secondary-surface-default: #09090b;
  --component-button-secondary-surface-hover: #111113;
  --component-button-secondary-surface-focus: #09090b;
  --component-button-secondary-surface-pressed: #27272a;
  --component-button-secondary-surface-disabled: #e4e4e7;
  --product-mqm-accuracy-color: #3b82f6;
  --product-mqm-fluency-color: #22c55e;
  --product-mqm-style-color: #a855f7;
  --product-mqm-terminology-color: #f97316;
  --product-score-excellent-color: #22c55e;
  --product-score-good-color: #3b82f6;
  --product-score-risk-color: #eab308;
  --product-score-risk-surface: #fefce8;
  --product-score-risk-border: #fde047;
  --product-score-risk-content: #ca8a04;
  --product-score-warning-color: #f97316;
  --product-score-fail-color: #ef4444;
  --product-scan-status-queued-color: #71717a;
  --product-scan-status-running-color: #3b82f6;
  --product-scan-status-complete-color: #22c55e;
  --product-scan-status-failed-color: #ef4444;
}