:root {
--grey-5: #FBFCFC;
  --grey-10: #FBFCFC;
  --grey-20: #F7F9F9;
  --grey-30: #F4F6F6;
  --grey-40: #F0F3F3;
  --grey-50: #ECF0F0;
  --grey-60: #E8EDEE;
  --grey-70: #E4EAEB;
  --grey-80: #E1E7E8;
  --grey-90: #DDE4E5;
  --grey-100: #D9E1E2;

  --grey-110: #bcc4c4;
  --grey-120: #a1a7a8;
  --grey-130: #868b8c;

       
       --light-blue-20: #d6e5f9;
       --light-blue-10: #eaf2fc;
       --light-blue-5: #f2f7fd;
       
       
  --dark-blue-shade-20: #132f64;
  --dark-blue: #1D4289;
 
  /* BRAND COLORS NOT ADA WITH WHITE TEXT */
    --brand-med-green: #34B78F;  
    --brand-dark-green: #00966C;      
  /*ADJUSTED FOR ADA*/      
    --med-blue:#1F71D6; 
    --med-green: #087e5d;
    --dark-green: #0b664c;


  --black: #252A36;
  --white: #fff;
  --light-teal: #d9E1E2;

  --orange: #FF8F1C;
 

 --brand-red:#F9423A;
  --red: #C43831;
  --red-50: #FCECEA;
  --red-100: #F8D9D4;
  --red-200: #F4C6C0;
  --red-300: #EFB3AB;
  --red-400: #E9A097;
  --red-500: #C43831;
  --red-600: #AA2F29;
  --red-700: #912722;
  --red-800: #781F1A;
  --red-900: #611713;
  --red-950: #350806;

    --yellow: #FFB81C;
   --yellow-50: #FFF8ED;
  --yellow-100: #FFF2DB;
  --yellow-200: #FFEBC9;
  --yellow-300: #FFE4B6;
  --yellow-400: #FFDDA3;
  --yellow-500: #FFB81C;
  --yellow-600: #DEA017;
  --yellow-700: #BE8812;
  --yellow-800: #9E710D;
  --yellow-900: #805B08;
  --yellow-950: #634505;


   --green-50: #EDF8F3;
  --green-100: #DCF1E8;
  --green-150: #CAEADC;
  --green-200: #B8E3D1;
  --green-250: #A6DCC6;
  --green-300: #93D4BB;
  --green-350: #7FCDB0;
  --green-400: #6AC6A5;
  --green-450: #52BE9A;
  --green-500: #34B78F;
  --green-550: #2C9F7C;
  --green-600: #248769;
  --green-650: #1C7057;
  --green-700: #155A45;
  --green-750: #0E4534;
  --green-800: #073124;
  --green-850: #031E15;
  --green-900: #010C07;
  --green-950: #000201;

  --blue-50: #E9F1FC;
  --blue-100: #D3E3F9;
  --blue-150: #BED5F6;
  --blue-200: #A8C7F2;
  --blue-250: #93B9EE;
  --blue-300: #7EABEA;
  --blue-350: #689DE5;
  --blue-400: #528FE1;
  --blue-450: #3B80DB;
  --blue-500: #1F71D6;
  --blue-550: #1961BA;
  --blue-600: #14529E;
  --blue-650: #0F4384;
  --blue-700: #0A356A;
  --blue-750: #062752;
  --blue-800: #031A3B;
  --blue-850: #010E25;
  --blue-900: #000410;
  --blue-950: #000102;
    --wt-soft-shadow: 0px 6px 24px #2d3c4e17;
   --wt-wide-shadow: rgba(5, 5, 5, 0.04) 2px 1px 29px;

  /* Semantic color aliases for app and component work */
  --kc-color-text: var(--black);
  --kc-color-text-muted: var(--grey-130);
  --kc-color-text-inverse: var(--white);
  --kc-color-link: var(--med-blue);
  --kc-color-link-hover: var(--dark-blue);
  --kc-color-surface: var(--white);
  --kc-color-surface-subtle: var(--grey-20);
  --kc-color-surface-muted: var(--grey-50);
  --kc-color-border: var(--grey-100);
  --kc-color-border-strong: var(--grey-130);
  --kc-color-focus: var(--med-blue);

  /* Semantic status aliases */
  --kc-status-info: var(--med-blue);
  --kc-status-info-surface: var(--blue-50);
  --kc-status-success: var(--med-green);
  --kc-status-success-surface: var(--green-50);
  --kc-status-warning: var(--yellow);
  --kc-status-warning-surface: var(--yellow-50);
  --kc-status-error: var(--red);
  --kc-status-error-surface: var(--red-50);

  /* Typography tokens */
  --kc-font-family-base: "Inter", Calibri, Arial, sans-serif;
  --kc-font-family-display: "Montserrat", Calibri, Arial, sans-serif;
  --kc-font-weight-regular: 400;
  --kc-font-weight-medium: 500;
  --kc-font-weight-semibold: 600;
  --kc-font-weight-bold: 700;

  /* Component tokens */
  --kc-radius-small: 3px;
  --kc-radius-base: 4px;
  --kc-radius-large: 8px;
  --kc-radius-pill: 100px;
  --kc-border-width: 1.5px;
  --kc-focus-outline: 3px solid var(--kc-color-focus);
  --kc-focus-outline-offset: 2px;
  --kc-shadow-soft: var(--wt-soft-shadow);
  --kc-shadow-raised: var(--wt-wide-shadow);
  --kc-component-padding-small: .75rem;
  --kc-component-padding-base: 1rem;
  --kc-component-padding-large: 1.5rem;

}