/*
 * Generated by tools/build-brand.js from brand/tokens/*.json.
 * Edit the JSON sources, then run npm run brand:build.
 */
:root {
  --kr-color-brand-ink: #172029;
  --kr-color-brand-ink-strong: #0F171F;
  --kr-color-brand-ridge: #315CFF;
  --kr-color-brand-ridge-deep: #2444C0;
  --kr-color-brand-ridge-soft: #E7ECFF;
  --kr-color-brand-ridge-pale: #F2F5FF;
  --kr-color-neutral-canvas: #F4F6F8;
  --kr-color-neutral-surface: #FFFFFF;
  --kr-color-neutral-surface-raised: #FFFFFF;
  --kr-color-neutral-text: #172029;
  --kr-color-neutral-text-muted: #5B6673;
  --kr-color-neutral-text-quiet: #7A8591;
  --kr-color-neutral-line: #D8DEE5;
  --kr-color-neutral-line-strong: #B8C2CC;
  --kr-color-neutral-inverse: #FFFFFF;
  --kr-color-semantic-positive: #1F7A57;
  --kr-color-semantic-positive-soft: #EAF6F0;
  --kr-color-semantic-attention: #9A5A12;
  --kr-color-semantic-attention-soft: #FFF4E5;
  --kr-color-semantic-critical: #B33B49;
  --kr-color-semantic-critical-soft: #FCECEF;
  --kr-color-semantic-information: #315CFF;
  --kr-color-semantic-information-soft: #E7ECFF;
  --kr-color-data-primary: #315CFF;
  --kr-color-data-secondary: #172029;
  --kr-color-data-tertiary: #7F92B0;
  --kr-color-data-positive: #1F7A57;
  --kr-color-data-attention: #B56B1B;
  --kr-color-data-critical: #B33B49;
  --kr-color-data-comparison: #7467D8;
  --kr-color-data-unavailable: #B8C2CC;
  --kr-type-family-display: "IBM Plex Sans", Inter, ui-sans-serif, system-ui, sans-serif;
  --kr-type-family-body: "IBM Plex Sans", Inter, ui-sans-serif, system-ui, sans-serif;
  --kr-type-family-data: "IBM Plex Mono", ui-monospace, SFMono-Regular, Consolas, monospace;
  --kr-type-weight-regular: 400;
  --kr-type-weight-medium: 500;
  --kr-type-weight-semibold: 600;
  --kr-type-tracking-display: -0.035em;
  --kr-type-tracking-body: -0.008em;
  --kr-type-tracking-data: 0.045em;
  --kr-space-1: 4px;
  --kr-space-2: 8px;
  --kr-space-3: 12px;
  --kr-space-4: 16px;
  --kr-space-5: 20px;
  --kr-space-6: 24px;
  --kr-space-8: 32px;
  --kr-space-10: 40px;
  --kr-space-12: 48px;
  --kr-space-16: 64px;
  --kr-space-20: 80px;
  --kr-space-24: 96px;
  --kr-space-30: 120px;
  --kr-radius-control: 5px;
  --kr-radius-surface: 8px;
  --kr-radius-panel: 12px;
  --kr-radius-round: 999px;
  --kr-shadow-quiet: 0 10px 28px rgba(23, 32, 41, 0.07);
  --kr-shadow-panel: 0 24px 70px rgba(23, 32, 41, 0.13);
  --kr-shadow-focus: 0 0 0 3px rgba(49, 92, 255, 0.24);
  --kr-motion-fast: 140ms;
  --kr-motion-standard: 220ms;
  --kr-motion-deliberate: 420ms;
  --kr-motion-ease: cubic-bezier(0.2, 0.7, 0.3, 1);
}

[data-kr-product-theme="default"] {
  --kr-product-shell-canvas: #F2F4F7;
  --kr-product-shell-rail: #101820;
  --kr-product-shell-rail-raised: #17232E;
  --kr-product-shell-rail-text: #D9E0E7;
  --kr-product-shell-rail-text-muted: #93A0AD;
  --kr-product-shell-surface: #FFFFFF;
  --kr-product-shell-surface-subtle: #F7F8FA;
  --kr-product-shell-surface-selected: #EEF2FF;
  --kr-product-shell-text: #172029;
  --kr-product-shell-text-muted: #5B6673;
  --kr-product-shell-line: #D8DEE5;
  --kr-product-shell-line-strong: #B8C2CC;
  --kr-product-shell-action: #315CFF;
  --kr-product-shell-action-hover: #2444C0;
  --kr-product-shell-focus: #315CFF;
  --kr-product-chart-series1: #315CFF;
  --kr-product-chart-series2: #172029;
  --kr-product-chart-series3: #7F92B0;
  --kr-product-chart-series4: #7467D8;
  --kr-product-chart-series5: #3A8C82;
  --kr-product-chart-grid: #E2E7EC;
  --kr-product-chart-axis: #6C7783;
  --kr-product-chart-reference: #9A5A12;
  --kr-product-density-control-height: 36px;
  --kr-product-density-row-height: 44px;
  --kr-product-density-panel-padding: 24px;
  --kr-product-density-page-gutter: 32px;
  --kr-product-shape-control-radius: 5px;
  --kr-product-shape-panel-radius: 10px;
}