/* Stintdelta design tokens — generated from tokens.json. Do not hand-edit; regenerate when tokens.json changes. */

:root, [data-theme="light"] {
  --surface-0: #ffffff;
  --surface-100: #f7f5f4;
  --surface-200: #efeded;
  --border-subtle: #e8e6e4;
  --border-strong: #8f8f97;
  --text-primary: #1e1e22;
  --text-secondary: #63636b;
  --text-tertiary: #8f8f97;
  --text-disabled: #c4c4c9;
  --brand-600: #ab0c0c;
  --brand-700: #8a0909;
  --on-brand: #ffffff;
  --brand-100: #fbeaea;
  --brand-text: #ab0c0c;
  --brand-tint-text: #8a0909;
  --success-text: #2e7d4f;
  --success-100: #e7f5ec;
  --warning-text: #8a5a00;
  --warning-100: #fbf0dd;
  --info-text: #1c5cab;
  --info-100: #e8f1fc;
  --chart-focus: #ab0c0c;
  --chart-compare-1: #4a4a52;
  --chart-compare-2: #8f8f97;
  --chart-grid: #e8e6e4;
  --chart-sequential-1: #cde2fb;
  --chart-sequential-2: #86b6ef;
  --chart-sequential-3: #3987e5;
  --chart-sequential-4: #1c5cab;
  --chart-sequential-5: #0d366b;
  --scrim: rgba(23,24,28,0.5);
  --shadow-sm: 0 1px 2px rgba(23,24,28,0.04), 0 1px 1px rgba(23,24,28,0.03);
  --shadow-md: 0 6px 16px rgba(23,24,28,0.08), 0 1px 2px rgba(23,24,28,0.04);
  --shadow-lg: 0 16px 32px rgba(23,24,28,0.12), 0 2px 6px rgba(23,24,28,0.06);
}

[data-theme="dark"] {
  --surface-0: #17181c;
  --surface-100: #1e1f24;
  --surface-200: #26272d;
  --border-subtle: #2d2e35;
  --border-strong: #6f6f78;
  --text-primary: #f2f1ef;
  --text-secondary: #a9a9b0;
  --text-tertiary: #6f6f78;
  --text-disabled: #4a4a52;
  --brand-600: #ab0c0c;
  --brand-700: #8a0909;
  --on-brand: #ffffff;
  --brand-100: #2a1414;
  --brand-text: #e8615a;
  --brand-tint-text: #f08a85;
  --success-text: #4fae72;
  --success-100: #16281d;
  --warning-text: #d99a2b;
  --warning-100: #2b2110;
  --info-text: #6fb0f0;
  --info-100: #142338;
  --chart-focus: #e8615a;
  --chart-compare-1: #a9a9b0;
  --chart-compare-2: #6f6f78;
  --chart-grid: #2d2e35;
  --chart-sequential-1: #0d366b;
  --chart-sequential-2: #1c5cab;
  --chart-sequential-3: #3987e5;
  --chart-sequential-4: #86b6ef;
  --chart-sequential-5: #cde2fb;
  --scrim: rgba(0,0,0,0.6);
}

:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 32px;
  --space-8: 40px;
  --space-9: 48px;
  --space-10: 64px;
  --space-11: 96px;
  --topbar-height: 56px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-full: 9999px;
  --opacity-overlay: 0.6;
  --font-sans: "IBM Plex Sans", system-ui, -apple-system, sans-serif;
}

.h1 {
  font-family: var(--font-sans);
  font-size: 1.75rem;
  line-height: 2.25rem;
  font-weight: 600;
}

.h2 {
  font-family: var(--font-sans);
  font-size: 1.375rem;
  line-height: 1.875rem;
  font-weight: 600;
}

.h3 {
  font-family: var(--font-sans);
  font-size: 1.125rem;
  line-height: 1.625rem;
  font-weight: 600;
}

.body-lg {
  font-family: var(--font-sans);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
}

.body {
  font-family: var(--font-sans);
  font-size: 0.9375rem;
  line-height: 1.375rem;
  font-weight: 400;
}

.body-sm {
  font-family: var(--font-sans);
  font-size: 0.8125rem;
  line-height: 1.1875rem;
  font-weight: 400;
}

.label {
  font-family: var(--font-sans);
  font-size: 0.8125rem;
  line-height: 1rem;
  font-weight: 500;
  letter-spacing: 0.01em;
}

.caption {
  font-family: var(--font-sans);
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 400;
}

.data-lg {
  font-family: var(--font-sans);
  font-size: 1.625rem;
  line-height: 1.875rem;
  font-weight: 600;
}

.data {
  font-family: var(--font-sans);
  font-size: 0.9375rem;
  line-height: 1.25rem;
  font-weight: 600;
}

.data-sm {
  font-family: var(--font-sans);
  font-size: 0.8125rem;
  line-height: 1rem;
  font-weight: 600;
}