/* ==========================================================================
   KINETIK DESIGN TOKENS  —  GENERATED, DO NOT EDIT BY HAND

   Extracted from @kinetik/ui-kit v0.6.0
   Source: src/constants/{colors,spacing,borderRadius,shadow,typography}.ts
   Regenerate with scripts/extract_tokens.py rather than editing values here.
   ========================================================================== */

:root {
  /* ---- primitives ---- */
  --ktk-brand100: #C8CBF7;
  --ktk-brand200: #ADB0F3;
  --ktk-brand300: #9296EF;
  --ktk-brand400: #7077FF;
  --ktk-brand500: #5B62E7;
  --ktk-brand600: #4C52C0;
  --ktk-brand700: #3D419A;
  --ktk-brand800: #2E3174;
  --ktk-brand900: #1E214D;
  --ktk-white: #FFFFFF;
  --ktk-dark-navy: #0C0C23;
  --ktk-navy: #080839;
  --ktk-neutral-tinted100: #FAFAFA;
  --ktk-neutral-tinted200: #E6E7E8;
  --ktk-neutral-tinted300: #D6D7D9;
  --ktk-neutral-tinted400: #C5C7CA;
  --ktk-neutral-tinted500: #B5B7BB;
  --ktk-neutral-tinted600: #83878E;
  --ktk-neutral-tinted700: #6B6F77;
  --ktk-neutral-tinted800: #393F4A;
  --ktk-neutral-tinted900: #212734;
  --ktk-black: #090909;
  --ktk-neutral100: #F5F5F5;
  --ktk-neutral200: #A6A6A6;
  --ktk-neutral300: #6B6B6B;
  --ktk-neutral400: #4E4E4E;
  --ktk-neutral500: #3A3A3A;
  --ktk-neutral600: #272727;
  --ktk-neutral700: #1A1A1A;
  --ktk-neutral800: #131313;
  --ktk-neutral900: #0F0F10;
  --ktk-blue100: #EBEFFE;
  --ktk-blue300: #7699F8;
  --ktk-blue500: #3266F5;
  --ktk-blue700: #2144A3;
  --ktk-blue900: #112252;
  --ktk-yellow100: #FFF5E7;
  --ktk-yellow300: #FFC05C;
  --ktk-yellow500: #FFA10A;
  --ktk-yellow700: #996006;
  --ktk-yellow900: #553603;
  --ktk-red100: #FDEDEA;
  --ktk-red300: #F58673;
  --ktk-red500: #F04A2D;
  --ktk-red700: #A0311E;
  --ktk-red900: #50190F;
  --ktk-green100: #EBF7F0;
  --ktk-green300: #74CB9A;
  --ktk-green500: #2FB168;
  --ktk-green700: #1F7645;
  --ktk-green900: #103B23;
  --ktk-orange100: #FDE6DC;
  --ktk-orange300: #F9AC8B;
  --ktk-orange500: #F68251;
  --ktk-orange700: #A45736;
  --ktk-orange900: #522B1B;
  --ktk-aqua100: #DFF4FA;
  --ktk-aqua300: #95DAEE;
  --ktk-aqua500: #60C7E6;
  --ktk-aqua700: #408599;
  --ktk-aqua900: #20424D;
  --ktk-violet100: #ECE2F3;
  --ktk-violet300: #C09FD7;
  --ktk-violet500: #A16FC3;
  --ktk-violet700: #6B4A82;
  --ktk-violet900: #362541;
  --ktk-ecru100: #EEEBDF;
  --ktk-ecru300: #C8BB93;
  --ktk-ecru500: #AC995D;
  --ktk-ecru700: #73663E;
  --ktk-ecru900: #39331F;
  --ktk-pink100: #FAE3F7;
  --ktk-pink300: #F0A2E5;
  --ktk-pink500: #E873D8;
  --ktk-pink700: #9B4D90;
  --ktk-pink900: #4D2648;
  --ktk-coral100: #FDE1E1;
  --ktk-coral300: #F99B9B;
  --ktk-coral500: #F66969;
  --ktk-coral700: #A44646;
  --ktk-coral900: #522323;
  --ktk-gold100: #F8F0CC;
  --ktk-gold300: #E7CC55;
  --ktk-gold500: #DBB200;
  --ktk-gold700: #927700;
  --ktk-gold900: #493B00;
  --ktk-grass-green100: #E0F2E0;
  --ktk-grass-green300: #97D597;
  --ktk-grass-green500: #63C063;
  --ktk-grass-green700: #428042;
  --ktk-grass-green900: #214021;
  --ktk-purple100: #E0DBFB;
  --ktk-purple300: #9886F0;
  --ktk-purple500: #6449E9;
  --ktk-purple700: #43319B;
  --ktk-purple900: #21184E;
  --ktk-transparent: rgba(255,255,255,0);
  --ktk-brand-blue-at6-percent: rgba(91,98,231,0.06);
  --ktk-brand-blue-at10-percent: rgba(91,98,231,0.1);
  --ktk-brand-blue-at20-percent: rgba(91,98,231,0.2);
  --ktk-brand-blue-at30-percent: rgba(91,98,231,0.3);
  --ktk-neutral-tinted500-at10-percent: rgba(181,183,187,0.1);
  --ktk-neutral-tinted500-at20-percent: rgba(181,183,187,0.2);
  --ktk-dark-navy-at50-percent: rgba(12,12,35,0.5);
  --ktk-neutral500-at20-percent: rgba(58,58,58,0.2);
  --ktk-neutral500-at30-percent: rgba(58,58,58,0.3);
  --ktk-black-at50-percent: rgba(9,9,9,0.5);

  /* ---- semantic (light theme) ---- */
  --ktk-background-base: #FAFAFA;
  --ktk-background-inverse: #0C0C23;
  --ktk-surface-base-default: #FFFFFF;
  --ktk-surface-base-hover: rgba(181,183,187,0.1);
  --ktk-surface-base-active: rgba(181,183,187,0.2);
  --ktk-surface-base-selected: rgba(91,98,231,0.06);
  --ktk-surface-elevated-default: #FFFFFF;
  --ktk-surface-elevated-hover: #FAFAFA;
  --ktk-surface-elevated-active: #E6E7E8;
  --ktk-surface-subtle-default: #FAFAFA;
  --ktk-surface-subtle-hover: #E6E7E8;
  --ktk-surface-subtle-active: #D6D7D9;
  --ktk-surface-neutral-default: #E6E7E8;
  --ktk-surface-neutral-hover: #D6D7D9;
  --ktk-surface-neutral-active: #C5C7CA;
  --ktk-surface-muted-default: #D6D7D9;
  --ktk-surface-muted-hover: #C5C7CA;
  --ktk-surface-muted-active: #B5B7BB;
  --ktk-surface-inverse-default: #0C0C23;
  --ktk-surface-inverse-hover: #212734;
  --ktk-surface-brand-light-default: #5B62E7;
  --ktk-surface-brand-light-hover: #4C52C0;
  --ktk-surface-brand-light-active: #3D419A;
  --ktk-surface-brand-dark-default: #7077FF;
  --ktk-surface-brand-dark-hover: #9296EF;
  --ktk-surface-brand-dark-active: #ADB0F3;
  --ktk-accent-grass-green-soft: #E0F2E0;
  --ktk-accent-grass-green-base: #63C063;
  --ktk-accent-grass-green-heavy: #214021;
  --ktk-accent-orange-soft: #FDE6DC;
  --ktk-accent-orange-base: #F68251;
  --ktk-accent-orange-heavy: #522B1B;
  --ktk-accent-violet-soft: #ECE2F3;
  --ktk-accent-violet-base: #A16FC3;
  --ktk-accent-violet-heavy: #362541;
  --ktk-accent-aqua-soft: #DFF4FA;
  --ktk-accent-aqua-base: #60C7E6;
  --ktk-accent-aqua-heavy: #20424D;
  --ktk-accent-gold-soft: #F8F0CC;
  --ktk-accent-gold-base: #DBB200;
  --ktk-accent-gold-heavy: #493B00;
  --ktk-accent-pink-soft: #FAE3F7;
  --ktk-accent-pink-base: #E873D8;
  --ktk-accent-pink-heavy: #4D2648;
  --ktk-accent-purple-soft: #E0DBFB;
  --ktk-accent-purple-base: #6449E9;
  --ktk-accent-purple-heavy: #21184E;
  --ktk-accent-ecru-soft: #EEEBDF;
  --ktk-accent-ecru-base: #AC995D;
  --ktk-accent-ecru-heavy: #39331F;
  --ktk-status-success-soft: #EBF7F0;
  --ktk-status-success-subtle: #74CB9A;
  --ktk-status-success-base: #2FB168;
  --ktk-status-success-strong: #1F7645;
  --ktk-status-success-heavy: #103B23;
  --ktk-status-warning-soft: #FFF5E7;
  --ktk-status-warning-subtle: #FFC05C;
  --ktk-status-warning-base: #FFA10A;
  --ktk-status-warning-strong: #996006;
  --ktk-status-warning-heavy: #553603;
  --ktk-status-danger-soft: #FDEDEA;
  --ktk-status-danger-subtle: #F58673;
  --ktk-status-danger-base: #F04A2D;
  --ktk-status-danger-strong: #A0311E;
  --ktk-status-danger-heavy: #50190F;
  --ktk-status-info-soft: #EBEFFE;
  --ktk-status-info-subtle: #7699F8;
  --ktk-status-info-base: #3266F5;
  --ktk-status-info-strong: #2144A3;
  --ktk-status-info-heavy: #112252;
  --ktk-text-primary: #0C0C23;
  --ktk-text-secondary: #6B6F77;
  --ktk-text-tertiary: #83878E;
  --ktk-text-disabled: #D6D7D9;
  --ktk-text-danger: #A0311E;
  --ktk-text-brand: #5B62E7;
  --ktk-text-on-color: #FFFFFF;
  --ktk-text-on-dark: #FFFFFF;
  --ktk-text-kinetik-blue: #3266F5;
  --ktk-icon-primary: #0C0C23;
  --ktk-icon-secondary: #83878E;
  --ktk-icon-tertiary: #B5B7BB;
  --ktk-icon-disabled: #D6D7D9;
  --ktk-icon-brand: #5B62E7;
  --ktk-icon-on-color: #FFFFFF;
  --ktk-icon-on-dark: #FFFFFF;
  --ktk-border-subtle: #FAFAFA;
  --ktk-border-default: #E6E7E8;
  --ktk-border-strong: #D6D7D9;
  --ktk-border-brand: #5B62E7;
  --ktk-border-danger: #F04A2D;
  --ktk-border-inverse: #393F4A;
  --ktk-focus-default: #5B62E7;
  --ktk-focus-inverse: #FFFFFF;
  --ktk-focus-inset: #FFFFFF;
  --ktk-button-primary-light-default: #5B62E7;
  --ktk-button-primary-light-hover: #4C52C0;
  --ktk-button-primary-light-pressed: #3D419A;
  --ktk-button-primary-dark-default: #7077FF;
  --ktk-button-primary-dark-hover: #9296EF;
  --ktk-button-primary-dark-pressed: #ADB0F3;
  --ktk-button-secondary-default: rgba(91,98,231,0.1);
  --ktk-button-secondary-hover: rgba(91,98,231,0.2);
  --ktk-button-secondary-pressed: rgba(91,98,231,0.3);
  --ktk-button-tertiary-default: rgba(255,255,255,0);
  --ktk-button-tertiary-hover: rgba(181,183,187,0.1);
  --ktk-button-tertiary-pressed: rgba(181,183,187,0.2);
  --ktk-button-ghost-default: rgba(255,255,255,0);
  --ktk-button-ghost-hover: rgba(181,183,187,0.1);
  --ktk-button-ghost-pressed: rgba(181,183,187,0.2);
  --ktk-button-danger-default: #F04A2D;
  --ktk-button-danger-hover: #A0311E;
  --ktk-button-danger-pressed: #50190F;
  --ktk-overlay-default: rgba(12,12,35,0.5);

  /* ---- spacing ---- */
  --ktk-spacing-none: 0px;
  --ktk-spacing-1: 1px;
  --ktk-spacing-2: 2px;
  --ktk-spacing-4: 4px;
  --ktk-spacing-6: 6px;
  --ktk-spacing-8: 8px;
  --ktk-spacing-12: 12px;
  --ktk-spacing-16: 16px;
  --ktk-spacing-18: 18px;
  --ktk-spacing-20: 20px;
  --ktk-spacing-24: 24px;
  --ktk-spacing-28: 28px;
  --ktk-spacing-32: 32px;
  --ktk-spacing-36: 36px;
  --ktk-spacing-40: 40px;
  --ktk-spacing-44: 44px;
  --ktk-spacing-48: 48px;
  --ktk-spacing-56: 56px;
  --ktk-spacing-64: 64px;
  --ktk-spacing-80: 80px;
  --ktk-spacing-96: 96px;

  /* ---- radius ---- */
  --ktk-rounded-none: 0px;
  --ktk-rounded-4: 4px;
  --ktk-rounded-6: 6px;
  --ktk-rounded-8: 8px;
  --ktk-rounded-12: 12px;
  --ktk-rounded-16: 16px;
  --ktk-rounded-20: 20px;
  --ktk-rounded-24: 24px;
  --ktk-rounded-full: 9999px;

  /* ---- shadow ---- */
  --ktk-shadow-sm: 0px 1px 3px 0px rgba(12, 12, 35, 0.08), 0px 1px 2px 0px rgba(12, 12, 35, 0.06);
  --ktk-shadow-md: 0px 4px 8px -2px rgba(12, 12, 35, 0.08), 0px 1px 4px 0px rgba(12, 12, 35, 0.06);
  --ktk-shadow-lg: 0px 12px 16px -2px rgba(12, 12, 35, 0.08), 0px 1px 6px 0px rgba(12, 12, 35, 0.06);

  /* ---- typography ---- */
  --ktk-font-primary: 'DM Sans', sans-serif;
  --ktk-font-fallback: system-ui, -apple-system, 'Segoe UI', sans-serif;
  --ktk-weight-regular: 400;
  --ktk-weight-medium: 500;
  --ktk-weight-semibold: 600;
  --ktk-weight-bold: 700;
  --ktk-font-size-10: 10px;
  --ktk-font-size-12: 12px;
  --ktk-font-size-14: 14px;
  --ktk-font-size-16: 16px;
  --ktk-font-size-18: 18px;
  --ktk-font-size-20: 20px;
  --ktk-font-size-24: 24px;
  --ktk-font-size-28: 28px;
  --ktk-font-size-30: 30px;
  --ktk-font-size-36: 36px;
  --ktk-line-height-14: 14px;
  --ktk-line-height-18: 18px;
  --ktk-line-height-20: 20px;
  --ktk-line-height-24: 24px;
  --ktk-line-height-28: 28px;
  --ktk-line-height-32: 32px;
  --ktk-line-height-38: 38px;
  --ktk-line-height-40: 40px;
  --ktk-letter-spacing-tight: -0.015em;
  --ktk-letter-spacing-normal: 0;
}