/* Generated by docs/design-system/scripts/build_tokens.py from tokens.json. Do not edit. */

:root {
  --font-fa: "Vazirmatn", system-ui, -apple-system, sans-serif;
  --font-en: system-ui, -apple-system, "Segoe UI", sans-serif;
  --type-caption-size: 11px;
  --type-caption-weight: 400;
  --type-body-size: 13px;
  --type-body-weight: 400;
  --type-headline-size: 14px;
  --type-headline-weight: 700;
  --type-lead-size: 16px;
  --type-lead-weight: 600;
  --type-title-size: 20px;
  --type-title-weight: 700;
  --type-hero-size: 28px;
  --type-hero-weight: 700;
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-20: 20px;
  --space-24: 24px;
  --radius-small: 6px;
  --radius-control: 8px;
  --radius-card: 10px;
  --radius-large: 14px;
  --radius-pill: 999px;
  --border-width: 1px;
  --size-menubar-mark: 0.9;
  --size-control: 28;
  --size-control-small: 24;
}

/* theme: light */
:root, [data-theme="light"] {
  color-scheme: light;
  --color-brand-fill: #2F4FA8;
  --color-brand-text: #2F4FA8;
  --color-brand-on: #FFFFFF;
  --color-logo-gold: #B8913F;
  --color-logo-pale: #ACB9DC;
  --color-icon-top: #3558B8;
  --color-icon-bottom: #233D86;
  --color-icon-ink: #F1E3BC;
  --color-icon-gold: #D2B06A;
  --color-icon-pale: #7B87AB;
  --color-surface-page: #F4F3EF;
  --color-surface-card: #FFFFFF;
  --color-surface-track: #ECEAE4;
  --color-border-hairline: #EFEDE8;
  --color-border-input: #8F8D86;
  --color-text-primary: #1C1C1E;
  --color-text-secondary: #5E5D58;
  --color-text-muted: #8C8A84;
  --color-change-up: #28A745;
  --color-change-down: #E15241;
  --color-status-warning-bg: #FFF4E0;
  --color-status-warning-ink: #8A4B00;
  --color-status-warning-line: #F2C27A;
  --color-status-stale-bg: #F1EFEA;
  --color-status-stale-ink: #6B6962;
  --color-status-info-bg: #EEF1FA;
  --color-status-info-ink: #2F4FA8;
  --color-status-error-bg: #FDECEA;
  --color-status-error-ink: #A8261B;
  --color-chart-1: #3656C0;
  --color-chart-2: #0E8A7A;
  --color-chart-3: #B8862B;
  --color-chart-4: #C2508A;
  --color-chart-grid: #ECEAE4;
  --color-chart-baseline: #C9C7BF;
  --color-chart-band: #EEF0F8;
  --color-chart-pointer: #7D7B75;
  --color-chart-heat-neutral: #ECEBE6;
  --color-chart-heat-up-1: #CFEBD5;
  --color-chart-heat-up-2: #9ED6AB;
  --color-chart-heat-up-3: #5DBB74;
  --color-chart-heat-up-4: #2E9A4B;
  --color-chart-heat-down-1: #F7D6D2;
  --color-chart-heat-down-2: #EFAAA2;
  --color-chart-heat-down-3: #E37669;
  --color-chart-heat-down-4: #C9473A;
}

/* theme: dark, from the system setting unless the page chose light */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --color-brand-fill: #3A5BC0;
    --color-brand-text: #8FA8EE;
    --color-brand-on: #FFFFFF;
    --color-logo-gold: #D2B06A;
    --color-logo-pale: #4A5472;
    --color-icon-top: #3558B8;
    --color-icon-bottom: #233D86;
    --color-icon-ink: #F1E3BC;
    --color-icon-gold: #D2B06A;
    --color-icon-pale: #7B87AB;
    --color-surface-page: #121214;
    --color-surface-card: #1C1C20;
    --color-surface-track: #2A2A2F;
    --color-border-hairline: #2A2A2F;
    --color-border-input: #6B6A66;
    --color-text-primary: #EDEDEF;
    --color-text-secondary: #B4B3AD;
    --color-text-muted: #85847F;
    --color-change-up: #26A69A;
    --color-change-down: #EF5350;
    --color-status-warning-bg: #3A2A12;
    --color-status-warning-ink: #F5C47A;
    --color-status-warning-line: #6B4A1A;
    --color-status-stale-bg: #2A2A2F;
    --color-status-stale-ink: #A9A8A2;
    --color-status-info-bg: #232A40;
    --color-status-info-ink: #8FA8EE;
    --color-status-error-bg: #3B1D1B;
    --color-status-error-ink: #F28B82;
    --color-chart-1: #5E7FE6;
    --color-chart-2: #12A08C;
    --color-chart-3: #B38A38;
    --color-chart-4: #C85C92;
    --color-chart-grid: #2A2A2F;
    --color-chart-baseline: #3A3A40;
    --color-chart-band: #22263A;
    --color-chart-pointer: #8A8984;
    --color-chart-heat-neutral: #2A2A2F;
    --color-chart-heat-up-1: #1D3B36;
    --color-chart-heat-up-2: #1F5E55;
    --color-chart-heat-up-3: #228378;
    --color-chart-heat-up-4: #26A69A;
    --color-chart-heat-down-1: #3E2322;
    --color-chart-heat-down-2: #6A2E2C;
    --color-chart-heat-down-3: #A13E3B;
    --color-chart-heat-down-4: #EF5350;
  }
}

/* theme: dark, chosen on the page or on a preview container; last so it wins */
[data-theme="dark"] {
  color-scheme: dark;
  --color-brand-fill: #3A5BC0;
  --color-brand-text: #8FA8EE;
  --color-brand-on: #FFFFFF;
  --color-logo-gold: #D2B06A;
  --color-logo-pale: #4A5472;
  --color-icon-top: #3558B8;
  --color-icon-bottom: #233D86;
  --color-icon-ink: #F1E3BC;
  --color-icon-gold: #D2B06A;
  --color-icon-pale: #7B87AB;
  --color-surface-page: #121214;
  --color-surface-card: #1C1C20;
  --color-surface-track: #2A2A2F;
  --color-border-hairline: #2A2A2F;
  --color-border-input: #6B6A66;
  --color-text-primary: #EDEDEF;
  --color-text-secondary: #B4B3AD;
  --color-text-muted: #85847F;
  --color-change-up: #26A69A;
  --color-change-down: #EF5350;
  --color-status-warning-bg: #3A2A12;
  --color-status-warning-ink: #F5C47A;
  --color-status-warning-line: #6B4A1A;
  --color-status-stale-bg: #2A2A2F;
  --color-status-stale-ink: #A9A8A2;
  --color-status-info-bg: #232A40;
  --color-status-info-ink: #8FA8EE;
  --color-status-error-bg: #3B1D1B;
  --color-status-error-ink: #F28B82;
  --color-chart-1: #5E7FE6;
  --color-chart-2: #12A08C;
  --color-chart-3: #B38A38;
  --color-chart-4: #C85C92;
  --color-chart-grid: #2A2A2F;
  --color-chart-baseline: #3A3A40;
  --color-chart-band: #22263A;
  --color-chart-pointer: #8A8984;
  --color-chart-heat-neutral: #2A2A2F;
  --color-chart-heat-up-1: #1D3B36;
  --color-chart-heat-up-2: #1F5E55;
  --color-chart-heat-up-3: #228378;
  --color-chart-heat-up-4: #26A69A;
  --color-chart-heat-down-1: #3E2322;
  --color-chart-heat-down-2: #6A2E2C;
  --color-chart-heat-down-3: #A13E3B;
  --color-chart-heat-down-4: #EF5350;
}