/* GENERATED from tokens.json by make_tokens_css.py. Do not edit by hand. */

:root {
  --font-family: "Vazirmatn", Tahoma, sans-serif;
  --type-page-title-size: 26px;
  --type-page-title-weight: 800;
  --type-page-title-line-height: 1.35;
  --type-headline-size: 17px;
  --type-headline-weight: 700;
  --type-headline-line-height: 1.5;
  --type-body-size: 14px;
  --type-body-weight: 400;
  --type-body-line-height: 1.8;
  --type-caption-size: 12px;
  --type-caption-weight: 500;
  --type-caption-line-height: 1.6;
  --type-mono-family: ui-monospace, Consolas, monospace;
  --type-mono-size: 11px;
  --type-mono-direction: ltr;
  --text-11: 11px;
  --text-12: 12px;
  --text-13: 13px;
  --text-14: 14px;
  --text-15: 15px;
  --text-17: 17px;
  --text-18: 18px;
  --text-20: 20px;
  --text-24: 24px;
  --text-26: 26px;
  --space-2: 2px;
  --space-4: 4px;
  --space-6: 6px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-20: 20px;
  --space-24: 24px;
  --space-28: 28px;
  --space-32: 32px;
  --space-48: 48px;
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 10px;
  --radius-pill: 999px;
  --shadow-none: none;
  --shadow-drawer: 0 8px 32px rgba(15,42,76,.18);
  --motion-fast: 120ms;
  --motion-base: 180ms;
  --motion-slow: 280ms;
  --motion-pulse: 1600ms;
  --motion-easing: cubic-bezier(.2,.7,.2,1);
  --focus-ring: 2px solid var(--color-primary);
  --focus-offset: 2px;
  --touch-min: 44px;
  --icon-stroke: 1.75;
  --chart-stroke: 1.5;
  --chart-spark-w: 96px;
  --chart-spark-h: 22px;
  --chart-small-w: 300px;
  --chart-small-h: 96px;
  --chart-gauge: 6px;
  --color-brand-navy: #0F2A4C;
  --color-brand-blue: #079BFC;
  --color-brand-cyan: #24F1FD;
  --color-brand-cyan-mid: #02CFFC;
  --color-brand-deep: #0035E6;
  --color-brand-night: #001030;
  --brand-gradient: linear-gradient(135deg, var(--color-brand-cyan) 0%, var(--color-brand-cyan-mid) 35%, var(--color-brand-blue) 65%, var(--color-brand-deep) 100%);
  --brand-mark: 32px;
  --brand-lockup: 40px;
  --row-y: 12px;
  --control-h: 36px;
  --icon-size: 20px;
}

:root,
[data-theme="light"] {
  --color-bg: #F3F5F8;
  --color-surface: #FCFDFE;
  --color-surface-2: #EAEEF3;
  --color-line: #D9E0E8;
  --color-line-strong: #C3CDD8;
  --color-ink: #0F2A4C;
  --color-ink-muted: #4C5D73;
  --color-ink-faint: #6B7A8F;
  --color-primary: #056EB2;
  --color-primary-hover: #04558A;
  --color-primary-soft: #DDEFFD;
  --color-on-primary: #FFFFFF;
  --color-signal: #B8740A;
  --color-signal-soft: #F7E8CC;
  --color-on-signal-soft: #6B4206;
  --color-danger: #B23A2F;
  --color-danger-soft: #F6DDDA;
  --color-on-danger-soft: #7A2219;
  --color-danger-row: #FBF3F2;
  --color-success: #2E6B4A;
  --color-success-soft: #DDEBE1;
  --color-on-success-soft: #1F4D34;
  --color-on-success: #FFFFFF;
  --color-status-healthy: #2E7D4F;
  --color-status-slow: #B8740A;
  --color-status-error: #B23A2F;
  --color-status-off: #6B7A8F;
  --color-coverage-first: #2E6B4A;
  --color-coverage-done: #2E6B4A;
  --color-coverage-late: #B8740A;
  --color-coverage-missed: #B23A2F;
  --color-coverage-unknown: #6B7A8F;
  --color-heatmap-0: #EAEEF3;
  --color-heatmap-1: #BCDDF6;
  --color-heatmap-2: #5FAEE6;
  --color-heatmap-3: #056EB2;
  --color-chip: #E4E9EF;
  --color-ink-2: #2A4264;
  --color-chrome: #FCFDFE;
  --color-hover: #E1E7EE;
  --color-on-danger: #FFFFFF;
  --color-logo-fallback-0-bg: #2E6B4A;
  --color-logo-fallback-0-fg: #FFFFFF;
  --color-logo-fallback-1-bg: #F7E8CC;
  --color-logo-fallback-1-fg: #6B4206;
  --color-logo-fallback-2-bg: #4A5A8A;
  --color-logo-fallback-2-fg: #FFFFFF;
  --color-logo-fallback-3-bg: #E4E9EF;
  --color-logo-fallback-3-fg: #2A4264;
}

[data-theme="dark"] {
  --color-bg: #0B1322;
  --color-surface: #111B2D;
  --color-surface-2: #172338;
  --color-line: #25334A;
  --color-line-strong: #33435C;
  --color-ink: #E8EEF6;
  --color-ink-muted: #9AABC1;
  --color-ink-faint: #7C8DA5;
  --color-primary: #079BFC;
  --color-primary-hover: #6CC3FD;
  --color-primary-soft: #0E2D4D;
  --color-on-primary: #04172C;
  --color-signal: #E8B04C;
  --color-signal-soft: #3D2F12;
  --color-on-signal-soft: #F2CB7E;
  --color-danger: #E0756A;
  --color-danger-soft: #3F201C;
  --color-on-danger-soft: #F0A69D;
  --color-danger-row: #2A1F2B;
  --color-success: #7FC79C;
  --color-success-soft: #1F3A2B;
  --color-on-success-soft: #A9DDBE;
  --color-on-success: #0F2418;
  --color-status-healthy: #7FC79C;
  --color-status-slow: #E8B04C;
  --color-status-error: #E0756A;
  --color-status-off: #7C8DA5;
  --color-coverage-first: #7FC79C;
  --color-coverage-done: #7FC79C;
  --color-coverage-late: #E8B04C;
  --color-coverage-missed: #E0756A;
  --color-coverage-unknown: #7C8DA5;
  --color-heatmap-0: #172338;
  --color-heatmap-1: #123E66;
  --color-heatmap-2: #1677C0;
  --color-heatmap-3: #079BFC;
  --color-chip: #1A273C;
  --color-ink-2: #C3CFDE;
  --color-chrome: #0E1728;
  --color-hover: #22314A;
  --color-on-danger: #2A0E0B;
  --color-logo-fallback-0-bg: #7FC79C;
  --color-logo-fallback-0-fg: #0F2418;
  --color-logo-fallback-1-bg: #3D2F12;
  --color-logo-fallback-1-fg: #F2CB7E;
  --color-logo-fallback-2-bg: #8FA0D6;
  --color-logo-fallback-2-fg: #121A33;
  --color-logo-fallback-3-bg: #1A273C;
  --color-logo-fallback-3-fg: #C3CFDE;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --color-bg: #0B1322;
    --color-surface: #111B2D;
    --color-surface-2: #172338;
    --color-line: #25334A;
    --color-line-strong: #33435C;
    --color-ink: #E8EEF6;
    --color-ink-muted: #9AABC1;
    --color-ink-faint: #7C8DA5;
    --color-primary: #079BFC;
    --color-primary-hover: #6CC3FD;
    --color-primary-soft: #0E2D4D;
    --color-on-primary: #04172C;
    --color-signal: #E8B04C;
    --color-signal-soft: #3D2F12;
    --color-on-signal-soft: #F2CB7E;
    --color-danger: #E0756A;
    --color-danger-soft: #3F201C;
    --color-on-danger-soft: #F0A69D;
    --color-danger-row: #2A1F2B;
    --color-success: #7FC79C;
    --color-success-soft: #1F3A2B;
    --color-on-success-soft: #A9DDBE;
    --color-on-success: #0F2418;
    --color-status-healthy: #7FC79C;
    --color-status-slow: #E8B04C;
    --color-status-error: #E0756A;
    --color-status-off: #7C8DA5;
    --color-coverage-first: #7FC79C;
    --color-coverage-done: #7FC79C;
    --color-coverage-late: #E8B04C;
    --color-coverage-missed: #E0756A;
    --color-coverage-unknown: #7C8DA5;
    --color-heatmap-0: #172338;
    --color-heatmap-1: #123E66;
    --color-heatmap-2: #1677C0;
    --color-heatmap-3: #079BFC;
    --color-chip: #1A273C;
    --color-ink-2: #C3CFDE;
    --color-chrome: #0E1728;
    --color-hover: #22314A;
    --color-on-danger: #2A0E0B;
    --color-logo-fallback-0-bg: #7FC79C;
    --color-logo-fallback-0-fg: #0F2418;
    --color-logo-fallback-1-bg: #3D2F12;
    --color-logo-fallback-1-fg: #F2CB7E;
    --color-logo-fallback-2-bg: #8FA0D6;
    --color-logo-fallback-2-fg: #121A33;
    --color-logo-fallback-3-bg: #1A273C;
    --color-logo-fallback-3-fg: #C3CFDE;
  }
}

[data-density="comfortable"] {
  --row-y: 12px;
  --control-h: 36px;
  --icon-size: 20px;
}

[data-density="compact"] {
  --row-y: 7px;
  --control-h: 30px;
  --icon-size: 16px;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --motion-fast: 0ms;
    --motion-base: 0ms;
    --motion-slow: 0ms;
    --motion-pulse: 0ms;
  }
}