/* Auto-generated from tokens.js — do not edit directly */
/* ── tokens ── */
:root {

  /* primitive · basic */
  --ka-color-basic-black: #000000;
  --ka-color-basic-white: #FFFFFF;
  --ka-color-basic-red: #E51B27;
  --ka-color-basic-green: #31A427;

  /* primitive · gray */
  --ka-color-gray-100: #F9F9F9;
  --ka-color-gray-150: #F3F3F3;
  --ka-color-gray-200: #EAEAEA;
  --ka-color-gray-250: #E2E2E2;
  --ka-color-gray-300: #D7D7D7;
  --ka-color-gray-400: #C1C1C1;
  --ka-color-gray-500: #A3A3A3;
  --ka-color-gray-600: #868686;
  --ka-color-gray-700: #6A6A6A;
  --ka-color-gray-800: #4E4E4E;
  --ka-color-gray-900: #333333;
  --ka-color-gray-1000: #252525;

  /* primitive · orange */
  --ka-color-orange-100: #FCF2EE;
  --ka-color-orange-150: #FBE8E0;
  --ka-color-orange-200: #F9DFD3;
  --ka-color-orange-300: #FBB89B;
  --ka-color-orange-400: #F89569;
  --ka-color-orange-500: #F76E33;
  --ka-color-orange-600: #F44E05;
  --ka-color-orange-700: #D63300;
  --ka-color-orange-800: #C60C00;
  --ka-color-orange-900: #9B0900;
  --ka-color-orange-1000: #700D00;

  /* primitive · navy */
  --ka-color-navy-100: #F6F9FF;
  --ka-color-navy-150: #ECF2FC;
  --ka-color-navy-200: #D7E2F3;
  --ka-color-navy-250: #C2D0E8;
  --ka-color-navy-300: #A8BAD9;
  --ka-color-navy-400: #7E96BE;
  --ka-color-navy-500: #607BA8;
  --ka-color-navy-600: #48628D;
  --ka-color-navy-700: #304A76;
  --ka-color-navy-800: #2B4063;
  --ka-color-navy-900: #253550;
  --ka-color-navy-1000: #222C3D;

  /* text */
  --ka-text-default: var(--ka-status-default);
  --ka-text-gray-darker: var(--ka-color-gray-800);
  --ka-text-gray-dark: var(--ka-color-gray-700);
  --ka-text-secondary: var(--ka-color-gray-600);
  --ka-text-gray: var(--ka-color-gray-500);
  --ka-text-disabled: var(--ka-status-disabled);
  --ka-text-white: var(--ka-color-basic-white);
  --ka-text-primary: var(--ka-status-primary);
  --ka-text-error: var(--ka-status-error);
  --ka-text-success: var(--ka-status-success);

  /* surface */
  --ka-surface-default: var(--ka-status-default);
  --ka-surface-gray-darker: var(--ka-color-gray-800);
  --ka-surface-disabled: var(--ka-status-disabled);
  --ka-surface-gray: var(--ka-color-gray-300);
  --ka-surface-gray-light: var(--ka-color-gray-200);
  --ka-surface-gray-lighter: var(--ka-color-gray-150);
  --ka-surface-gray-lightest: var(--ka-color-gray-100);
  --ka-surface-white: var(--ka-color-basic-white);
  --ka-surface-primary: var(--ka-status-primary);
  --ka-surface-primary-lightest: var(--ka-color-orange-100);

  /* border */
  --ka-border-selected: var(--ka-status-selected);
  --ka-border-gray-darkest: var(--ka-color-gray-800);
  --ka-border-gray-darker: var(--ka-color-gray-600);
  --ka-border-gray-dark: var(--ka-color-gray-500);
  --ka-border-gray: var(--ka-color-gray-400);
  --ka-border-gray-light: var(--ka-color-gray-300);
  --ka-border-gray-lighter: var(--ka-color-gray-250);
  --ka-border-gray-lightest: var(--ka-color-gray-200);
  --ka-border-white: var(--ka-color-basic-white);
  --ka-border-primary: var(--ka-status-primary);
  --ka-border-error: var(--ka-status-error);
  --ka-border-success: var(--ka-status-success);

  /* divider */
  --ka-divider-gray: var(--ka-color-gray-300);
  --ka-divider-gray-light: var(--ka-color-gray-200);
  --ka-divider-gray-lighter: var(--ka-color-gray-100);

  /* status */
  --ka-status-default: var(--ka-color-gray-1000);
  --ka-status-selected: var(--ka-color-gray-1000);
  --ka-status-disabled: var(--ka-color-gray-400);
  --ka-status-primary: var(--ka-color-orange-500);
  --ka-status-error: var(--ka-color-basic-red);
  --ka-status-success: var(--ka-color-basic-green);
}

/* ── typography ── */
.ka-typo--xl-sb {
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -0.192px;
  line-height: 32px;
}

.ka-typo--lg-sb {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.16px;
  line-height: 28px;
}

.ka-typo--md-sb {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.128px;
  line-height: 24px;
}

.ka-typo--md {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.128px;
  line-height: 24px;
}

.ka-typo--rg-sb {
  font-size: 15px;
  font-weight: 600;
  letter-spacing: -0.12px;
  line-height: 23px;
}

.ka-typo--rg {
  font-size: 15px;
  font-weight: 400;
  letter-spacing: -0.12px;
  line-height: 23px;
}

.ka-typo--sm-sb {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.112px;
  line-height: 20px;
}

.ka-typo--sm-medium {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.112px;
  line-height: 20px;
}

.ka-typo--sm {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.112px;
  line-height: 20px;
}

.ka-typo--xs-medium {
  font-size: 13px;
  font-weight: 500;
  letter-spacing: -0.104px;
  line-height: 19px;
}

.ka-typo--xs {
  font-size: 13px;
  font-weight: 400;
  letter-spacing: -0.104px;
  line-height: 19px;
}

.ka-typo--2xs {
  font-size: 12px;
  font-weight: 400;
  letter-spacing: -0.096px;
  line-height: 18px;
}

/* ── motion:toast ── */
:root {
  --ka-motion-toast-enter-duration: 0.35s;
  --ka-motion-toast-enter-easing: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ka-motion-toast-leave-duration: 0.3s;
  --ka-motion-toast-leave-easing: ease-in;
  --ka-motion-toast-distance: 16px;
  --ka-motion-toast-hold: 4000ms;
}