:root {
  
/* Helios Neo */
  
  --neo-black: #101828;                                 /* Dark Gray - Black */
  --neo-white: #ffffff;                                 /* White */

  --neo-main-blue: #005AA0; /* blue700? */
  --neo-main-blue-active: #007AE8;
  --neo-main-blue-light: #cbe8ff;

  --splide-color: var(--neo-main-blue-light);
  --splide-color-active: var(--neo-main-blue-active);
  --splide-color-hover: var(--neo-main-blue-active);
  
  
  /* Brand colors */
  --pineapple25: rgba( 255 , 253 , 242 , 100% );
  --pineapple50: rgba( 255 , 251 , 229 , 100% );
  --pineapple100: rgba( 255 , 248 , 209 , 100% );
  --pineapple200: rgba( 255 , 241 , 163 , 100% );
  --pineapple300: rgba( 255 , 234 , 117 , 100% );
  --pineapple400: rgba( 255 , 238 , 88 , 100% );
  --pineapple500: rgba( 255 , 220 , 15 , 100% );
  --pineapple600: rgba( 235 , 188 , 0 , 100% );
  --pineapple700: rgba( 195 , 151 , 0 , 100% );
  --pineapple800: rgba( 150 , 114 , 0 , 100% );
  --pineapple900: rgba( 110 , 78 , 0 , 100% );
  
  --curacao25 :rgba( 245 , 252 , 253 , 100% );
  --curacao50: rgba( 231 , 250 , 253 , 100% );
  --curacao100: rgba( 212 , 247 , 252 , 100% );
  --curacao200: rgba( 169 , 239 , 249 , 100% );
  --curacao300: rgba( 126 , 231 , 247 , 100% );
  --curacao400: rgba( 82 , 222 , 244 , 100% );
  --curacao500: rgba( 39 , 214 , 241 , 100% );
  --curacao600: rgba( 13 , 190 , 220 , 100% );
  --curacao700: rgba( 11 , 155 , 177 , 100% );
  --curacao800: rgba( 9 , 117 , 134 , 100% );
  --curacao900: rgba( 6 , 80 , 91 , 100% );
    
  --blue25: rgba( 240 , 249 , 255 , 100% );
  --blue50: rgba( 229 , 244 , 255 , 100% );
  --blue100: rgba( 209 , 235 , 255 , 100% );
  --blue200: rgba( 163 , 215 , 255 , 100% );
  --blue300: rgba( 117 , 195 , 255 , 100% );
  --blue400: rgba( 71 , 175 , 255 , 100% );
  --blue500: rgba( 26 , 156 , 255 , 100% );
  --blue600: rgba( 0 , 133 , 235 , 100% );
  --blue700: rgba( 0 , 90 , 160 , 100% );
  --blue800: rgba( 2 , 71 , 125 , 100% );
  --blue900: rgba( 0 , 55 , 97 , 100% );

  --light-neutral25: rgba( 252 , 253 , 254 , 100% );
  --light-neutral50: rgba( 249 , 250 , 251 , 100% );
  --light-neutral100: rgba( 242 , 244 , 247 , 100% );
  --light-neutral200: rgba( 234 , 236 , 240 , 100% );
  --light-neutral300: rgba( 208 , 213 , 221 , 100% );
  --light-neutral400: rgba( 152 , 162 , 179 , 100% );
  --light-neutral500: rgba( 102 , 112 , 133 , 100% );
  --light-neutral600: rgba( 71 , 84 , 103 , 100% );
  --light-neutral700: rgba( 52 , 64 , 84 , 100% );
  --light-neutral800: rgba( 29 , 41 , 57 , 100% );
  --light-neutral900: rgba( 16 , 24 , 40 , 100% );
  --light-100-black: rgba( 0 , 0 , 0 , 100% );
  --light-100-white: rgba( 255 , 255 , 255 , 100% );
        
  --dark-neutral25: rgba( 243 , 243 , 244 , 100% );
  --dark-neutral50: rgba( 207 , 209 , 212 , 100% );
  --dark-neutral100: rgba( 169 , 172 , 178 , 100% );
  --dark-neutral200: rgba( 131 , 135 , 143 , 100% );
  --dark-neutral300: rgba( 112 , 116 , 126 , 100% );
  --dark-neutral400: rgba( 92 , 98 , 109 , 100% );
  --dark-neutral500: rgba( 73 , 79 , 92 , 100% );
  --dark-neutral600: rgba( 64 , 70 , 83 , 100% );
  --dark-neutral700: rgba( 54 , 61 , 74 , 100% );
  --dark-neutral800: rgba( 45 , 52 , 66 , 100% );
  --dark-neutral900: rgba( 35 , 42 , 57 , 100% );
  --dark-neutral950: rgba( 26 , 33 , 49 , 100% );

  --purple25: rgba( 251 , 250 , 255 , 100% );
  --purple50: rgba( 245 , 243 , 255 , 100% );
  --purple100: rgba( 236 , 233 , 254 , 100% );
  --purple200: rgba( 221 , 214 , 254 , 100% );
  --purple300: rgba( 195 , 181 , 253 , 100% );
  --purple400: rgba( 164 , 138 , 251 , 100% );
  --purple500: rgba( 135 , 91 , 247 , 100% );
  --purple600: rgba( 120 , 57 , 238 , 100% );
  --purple700: rgba( 105 , 39 , 218 , 100% );
  --purple800: rgba( 87 , 32 , 183 , 100% );
  --purple900 :rgba( 73 , 28 , 150 , 100% );
    
  --red25: rgba( 255 , 251 , 250 , 100% );
  --red50: rgba( 254 , 243 , 242 , 100% );
  --red100: rgba( 254 , 228 , 226 , 100% );
  --red200: rgba( 254 , 205 , 202 , 100% );
  --red300: rgba( 253 , 162 , 155 , 100% );
  --red400: rgba( 249 , 112 , 102 , 100% );
  --red500: rgba( 240 , 68 , 56 , 100% );
  --red600: rgba( 217 , 45 , 32 , 100% );
  --red700: rgba( 180 , 35 , 24 , 100% );
  --red800: rgba( 145 , 32 , 24 , 100% );
  --red900: rgba( 122 , 39 , 26 , 100% );
    
  --orange25: rgba( 255 , 252 , 245 , 100% );
  --orange50: rgba( 255 , 250 , 235 , 100% );
  --orange100: rgba( 254 , 240 , 199 , 100% );
  --orange200: rgba( 254 , 223 , 137 , 100% );
  --orange300: rgba( 254 , 200 , 75 , 100% );
  --orange400: rgba( 253 , 176 , 34 , 100% );
  --orange500: rgba( 247 , 144 , 9 , 100% );
  --orange600: rgba( 220 , 104 , 3 , 100% );
  --orange700: rgba( 181 , 71 , 8 , 100% );
  --orange800: rgba( 147 , 55 , 13 , 100% );
  --orange900: rgba( 122 , 46 , 14 , 100% );
    
  --green25: rgba( 246 , 254 , 249 , 100% );
  --green50: rgba( 236 , 253 , 243 , 100% );
  --green100: rgba( 209 , 250 , 223 , 100% );
  --green200: rgba( 166 , 244 , 197 , 100% );
  --green300: rgba( 108 , 233 , 166 , 100% );
  --green400: rgba( 50 , 213 , 131 , 100% );
  --green500: rgba( 18 , 183 , 106 , 100% );
  --green600: rgba( 3 , 152 , 85 , 100% );
  --green700: rgba( 2 , 122 , 72 , 100% );
  --green800: rgba( 5 , 96 , 58 , 100% );
  --green900: rgba( 5 , 79 , 49 , 100% );
    
    
  --light-alpha-dark-0: rgba( 16 , 24 , 40 , 0% );
  --light-alpha-dark-4: rgba( 16 , 24 , 40 , 4% );
  --light-alpha-dark-8: rgba( 16 , 24 , 40 , 8% );
  --light-alpha-dark-12: rgba( 16 , 24 , 40 , 12% );
  --light-alpha-dark-16: rgba( 16 , 24 , 40 , 16% );
  --light-alpha-dark-20: rgba( 16 , 24 , 40 , 20% );
  --light-alpha-dark-24: rgba( 16 , 24 , 40 , 24% );
  --light-alpha-dark-32: rgba( 16 , 24 , 40 , 32% );
  --light-alpha-dark-40: rgba( 16 , 24 , 40 , 40% );
  --light-alpha-dark-48: rgba( 16 , 24 , 40 , 48% );
  --light-alpha-dark-64: rgba( 16 , 24 , 40 , 64% );
  --light-alpha-dark-80: rgba( 16 , 24 , 40 , 80% );
  --light-alpha-dark-96: rgba( 16 , 24 , 40 , 96% );
    
  --dark-alpha-white-0: rgba( 255 , 255 , 255 , 0% );
  --dark-alpha-white-4: rgba( 255 , 255 , 255 , 4% );
  --dark-alpha-white-8: rgba( 255 , 255 , 255 , 8% );
  --dark-alpha-white-12: rgba( 255 , 255 , 255 , 12% );
  --dark-alpha-white-16: rgba( 255 , 255 , 255 , 16% );
  --dark-alpha-white-20: rgba( 255 , 255 , 255 , 20% );
  --dark-alpha-white-24: rgba( 255 , 255 , 255 , 24% );
  --dark-alpha-white-32: rgba( 255 , 255 , 255 , 32% );
  --dark-alpha-white-40: rgba( 255 , 255 , 255 , 40% );
  --dark-alpha-white-48: rgba( 255 , 255 , 255 , 48% );
  --dark-alpha-white-64: rgba( 255 , 255 , 255 , 64% );
  --dark-alpha-white-80: rgba( 255 , 255 , 255 , 80% );
  --dark-alpha-white-96: rgba( 255 , 255 , 255 , 96% );   
    
    
    

  /* COLORS */
  --ts-logo-primary: light-dark(var(--light-neutral900), var(--dark-neutral25));
  --ts-logo-primary-on_brand: light-dark(var(--light-neutral900), var(--light-neutral900));
  --ts-logo-white: light-dark(var(--light-neutral25), var(--dark-neutral900));
  --body-primary: light-dark(var(--light-neutral25), var(--dark-neutral950));
  --body-secondary: light-dark(var(--blue25), var(--dark-neutral900));

  /* Backgrounds */
  --bg-primary-default: light-dark(var(--light-100-white), var(--dark-neutral900));
  --bg-primary-hover: light-dark(var(--light-neutral100), var(--dark-alpha-white-12));
  --bg-primary-active: light-dark(var(--blue100), var(--dark-alpha-white-24));
  --bg-solid-active: light-dark(var(--blue600), var(--dark-alpha-white-64));
  --bg-secondary: light-dark(var(--light-neutral100), var(--dark-neutral700));
  --bg-tertiary: light-dark(var(--light-neutral200), var(--dark-neutral600));
  --bg-quartery: light-dark(var(--light-neutral300), var(--dark-neutral500));
  --bg-brand-primary: light-dark(var(--pineapple500), var(--light-100-white));
  --bg-brand-secondary: light-dark(var(--pineapple300), var(--light-neutral100));
  --bg-disabled: light-dark(var(--light-alpha-dark-48), var(--dark-neutral900));
  --bg-brand-tertiary: light-dark(var(--pineapple200), var(--light-neutral200));
  --bg-brand-quartery: light-dark(var(--pineapple100), var(--light-neutral300));
  --bg-accent-solid: light-dark(var(--purple600), var(--purple300));
  --bg-action-default: light-dark(var(--blue700), var(--blue300));
  --bg-action-hover: light-dark(var(--blue800), var(--blue200));
  --bg-action-pressed: light-dark(var(--blue900), var(--blue100));
  --bg-error-default: light-dark(var(--red50), var(--dark-alpha-white-12));
  --bg-error-hover: light-dark(var(--red100), var(--dark-alpha-white-16));
  --bg-warning-default: light-dark(var(--orange50), var(--dark-alpha-white-12));
  --bg-warning-hover: light-dark(var(--orange100), var(--dark-alpha-white-16));
  --bg-success-default: light-dark(var(--green50), var(--dark-alpha-white-12));
  --bg-success-hover: light-dark(var(--green100), var(--dark-alpha-white-16));
  --bg-info-default: light-dark(var(--blue50), var(--dark-alpha-white-12));
  --bg-info-hover: light-dark(var(--blue100), var(--dark-alpha-white-16));
  
  
  --text-primary: light-dark(var(--light-neutral900), var(--dark-neutral25));
  --text-primary-on_brand: light-dark(var(--light-neutral900), var(--dark-neutral25));
  --text-secondary: light-dark(var(--light-neutral700), var(--dark-neutral50));
  --text-secondary-on_brand: light-dark(var(--light-alpha-dark-80), var(--dark-neutral50));
  --text-tertiary: light-dark(var(--light-neutral500), var(--dark-neutral200));
  --text-tertiary-on_brand: light-dark(var(--light-alpha-dark-64), var(--dark-neutral200));
  --text-placeholder: light-dark(var(--light-neutral500), var(--dark-neutral50));
  --text-disabled: light-dark(var(--light-alpha-dark-48), var(--dark-alpha-white-32));
  --text-on_brand-disabled: light-dark(var(--light-alpha-dark-48), var(--dark-alpha-white-32));
  --text-action: light-dark(var(--blue700), var(--blue300));
  --text-action-hover: light-dark(var(--blue800), var(--blue200));
  --text-action-active: light-dark(var(--blue900), var(--blue100));
  --text-white-primary: light-dark(var(--light-neutral25), var(--dark-neutral900));
  --text-white-secondary: light-dark(var(--light-neutral200), var(--dark-neutral800));
  --text-white-tertiary: light-dark(var(--light-neutral300), var(--light-neutral700));
  --text-accent: light-dark(var(--purple700), var(--purple300));
  --text-error: light-dark(var(--red700), var(--red300));
  --text-warning: light-dark(var(--orange700), var(--orange300));
  --text-success: light-dark(var(--green700), var(--green300));
  --text-info: light-dark(var(--blue500), var(--blue300));

 /* to be resolved and deleted */ 
  --bg-brand-primary: var(--bg-primary-default);                          /* Soft White */
  
    
  /* Borders */
  --border-primary: light-dark(var(--light-neutral400), var(--dark-neutral600));
  --border-disabled: light-dark(var(--light-alpha-neutral-dark-48), var(--dark-neutral400));
  --border-secondary: light-dark(var(--light-neutral300), var(--dark-neutral700));
  --border-tertiary: light-dark(var(--light-neutral200), var(--dark-neutral800));
  --border-action: light-dark(var(--blue700), var(--blue300));
  --border-error: light-dark(var(--red300), var(--red300));
  --border-warning: light-dark(var(--orange300), var(--orange300));
  --border-success: light-dark(var(--green300), var(--green300));
  --border-info: light-dark(var(--blue300), var(--blue300));
  --border-focus-ring: light-dark(var(--blue200), var(--dark-alpha-white-20));
  --border-width: 1;