/* Generated by scripts/build-tokens.py. Semantic tokens for KREM DS 1.4.0. */
:root {
  color-scheme: light;
  --k-color-canvas: #F5F4F0;
  --k-color-surface: #FCFCFA;
  --k-color-surface-raised: #FFFFFF;
  --k-color-surface-sunken: #E9EDEB;
  --k-color-surface-inverse: #152528;
  --k-color-text-primary: #152528;
  --k-color-text-secondary: #536366;
  --k-color-text-placeholder: #536366;
  --k-color-text-inverse: #ECF3F1;
  --k-color-text-disabled: #58686B;
  --k-color-text-link: #2457E6;
  --k-color-text-link-hover: #123FB5;
  --k-color-border-subtle: #D6DDDA;
  --k-color-border-control: #7A8788;
  --k-color-border-strong: #152528;
  --k-color-focus: #2457E6;
  --k-color-focus-inverse: #9AB8FF;
  --k-color-action-primary-bg: #2457E6;
  --k-color-action-primary-fg: #FFFFFF;
  --k-color-action-primary-hover: #1946C9;
  --k-color-action-primary-pressed: #143AA8;
  --k-color-action-secondary-bg: #FCFCFA;
  --k-color-action-secondary-fg: #152528;
  --k-color-action-secondary-hover: #E9EDEB;
  --k-color-action-secondary-pressed: #D6DDDA;
  --k-color-action-destructive-bg: #A03E39;
  --k-color-action-destructive-fg: #FFFFFF;
  --k-color-action-destructive-hover: #87312D;
  --k-color-action-destructive-pressed: #6B2623;
  --k-color-action-disabled-bg: #E6EAE7;
  --k-color-action-disabled-fg: #58686B;
  --k-color-action-disabled-border: #B9C4C1;
  --k-color-brand-blue: #2457E6;
  --k-color-brand-blue-deep: #16368F;
  --k-color-brand-mint: #C9E8DE;
  --k-color-brand-on-mint: #152528;
  --k-color-brand-on-blue: #FFFFFF;
  --k-color-brand-ink: #152528;
  --k-color-brand-paper: #F5F4F0;
  --k-color-overlay-scrim: #101919B3;
  --k-color-status-positive-bg: #E8F3EB;
  --k-color-status-positive-fg: #246447;
  --k-color-status-positive-border: #54866B;
  --k-color-status-positive-icon: #246447;
  --k-color-status-warning-bg: #FBF0D9;
  --k-color-status-warning-fg: #835515;
  --k-color-status-warning-border: #AA7B28;
  --k-color-status-warning-icon: #835515;
  --k-color-status-negative-bg: #FCECE8;
  --k-color-status-negative-fg: #A03E39;
  --k-color-status-negative-border: #B96A61;
  --k-color-status-negative-icon: #A03E39;
  --k-color-status-info-bg: #EBF1FF;
  --k-color-status-info-fg: #2455AB;
  --k-color-status-info-border: #5E82C5;
  --k-color-status-info-icon: #2455AB;
  --k-color-status-neutral-bg: #E9EDEB;
  --k-color-status-neutral-fg: #536366;
  --k-color-status-neutral-border: #748283;
  --k-color-status-neutral-icon: #536366;
}
:root {
  --k-space-0: 0px;
  --k-space-4: 4px;
  --k-space-8: 8px;
  --k-space-12: 12px;
  --k-space-16: 16px;
  --k-space-20: 20px;
  --k-space-24: 24px;
  --k-space-32: 32px;
  --k-space-40: 40px;
  --k-space-48: 48px;
  --k-space-64: 64px;
  --k-space-80: 80px;
  --k-space-96: 96px;
  --k-space-128: 128px;
  --k-radius-control: 8px;
  --k-radius-card: 16px;
  --k-radius-feature: 24px;
  --k-radius-pill: 999px;
  --k-size-control-small: 44px;
  --k-size-control: 48px;
  --k-size-control-large: 52px;
  --k-size-icon: 20px;
  --k-size-icon-large: 24px;
  --k-size-content: 1280px;
  --k-size-reading: 680px;
  --k-size-miniapp: 480px;
  --k-size-focus-width: 2px;
  --k-size-focus-offset: 3px;
  --k-motion-fast: 120ms;
  --k-motion-default: 180ms;
  --k-motion-slow: 260ms;
  --k-motion-reduced: 0ms;
  --k-motion-ease: cubic-bezier(0.2,0.8,0.2,1);
  --k-font-sans: "Onest", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --k-font-fa: "Vazirmatn", Tahoma, sans-serif;
  --k-font-mono: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;
}