/* ================================================
   HORIZONT DESIGN SYSTEM — CSS Consolidado
   ================================================ */

:root {

  /* ========================================= COLORS ========================================= */


  /* --------------------------------- Palette --------------------------------- */
  /* color */
  --color-white: #FFFFFF;
  --color-50: #F1FFEE;
  --color-100: #DEFFD7;
  --color-200: #B5FFA9;
  --color-300: #79FC84;
  --color-400: #4BF780;
  --color-500: #1FF08D;
  --color-600: #13CA9C;
  --color-700: #129894;
  --color-800: #0F5768;
  --color-900: #0A263A;
  --color-950: #071424;
  --color-black: #000000;
  /* neutral */
  --neutral-white: #FFFFFF;
  --neutral-50: #f8f8f9;
  --neutral-100: #e9eaec;
  --neutral-200: #d3d5d9;
  --neutral-300: #b5b9c0;
  --neutral-400: #9095a0;
  --neutral-500: #6B7280;
  --neutral-600: #5b616d;
  --neutral-700: #4b505a;
  --neutral-800: #3b3f46;
  --neutral-900: #2b2e33;
  --neutral-950: #1b1d20;
  --neutral-black: #000000;
  /* success */
  --success-white: #FFFFFF;
  --success-50: #f3fcf9;
  --success-100: #dbf5ec;
  --success-200: #b7ead9;
  --success-300: #88dcc0;
  --success-400: #4ccba1;
  --success-500: #10B981;
  --success-600: #0e9d6e;
  --success-700: #0b825a;
  --success-800: #096647;
  --success-900: #064a34;
  --success-950: #042e20;
  --success-black: #000000;
  /* warning */
  --warning-white: #FFFFFF;
  --warning-50: #fffaf3;
  --warning-100: #fef0da;
  --warning-200: #fce2b6;
  --warning-300: #facf85;
  --warning-400: #f8b648;
  --warning-500: #F59E0B;
  --warning-600: #d08609;
  --warning-700: #ac6f08;
  --warning-800: #875706;
  --warning-900: #623f04;
  --warning-950: #3d2803;
  --warning-black: #000000;
  /* error */
  --error-white: #FFFFFF;
  --error-50: #fef6f6;
  --error-100: #fde3e3;
  --error-200: #fac7c7;
  --error-300: #f7a2a2;
  --error-400: #f37373;
  --error-500: #EF4444;
  --error-600: #cb3a3a;
  --error-700: #a73030;
  --error-800: #832525;
  --error-900: #601b1b;
  --error-950: #3c1111;
  --error-black: #000000;
  /* info */
  --info-white: #FFFFFF;
  --info-50: #f2faff;
  --info-100: #d9efff;
  --info-200: #b3deff;
  --info-300: #80c8ff;
  --info-400: #40adff;
  --info-500: #0091FF;
  --info-600: #007bd9;
  --info-700: #0066b3;
  --info-800: #00508c;
  --info-900: #003a66;
  --info-950: #002440;
  --info-black: #000000;


  /* --------------------------------- Content --------------------------------- */
  /* --- BRAND-TEAL --- */

  
    /*--- default ---*/
  --brand-teal-content-default-border: transparent;
  --brand-teal-content-default-bg: var(--color-white);
  --brand-teal-content-default-text-div: var(--color-600);
  --brand-teal-content-default-title: var(--color-900);
  --brand-teal-content-default-para: var(--color-900);
  /*--- subtle ---*/
  --brand-teal-content-subtle-border: transparent;
  --brand-teal-content-subtle-bg: var(--color-50);
  --brand-teal-content-subtle-text-div: var(--color-600);
  --brand-teal-content-subtle-title: var(--color-900);
  --brand-teal-content-subtle-para: var(--color-900);
  /*--- primary ---*/
  --brand-teal-content-primary-border: transparent;
  --brand-teal-content-primary-bg: var(--color-200);
  --brand-teal-content-primary-text-div: var(--color-950);
  --brand-teal-content-primary-title: var(--color-900);
  --brand-teal-content-primary-para: var(--color-950);
  /*--- bordered ---*/
  --brand-teal-content-bordered-border: var(--color-200);
  --brand-teal-content-bordered-bg: var(--color-white);
  --brand-teal-content-bordered-text-div: var(--color-600);
  --brand-teal-content-bordered-title: var(--color-900);
  --brand-teal-content-bordered-para: var(--color-950);
  /*--- default ---*/
  --brand-teal-dark-content-default-border: transparent;
  --brand-teal-dark-content-default-bg: var(--color-950);
  --brand-teal-dark-content-default-text-div: var(--color-400);
  --brand-teal-dark-content-default-title: var(--color-white);
  --brand-teal-dark-content-default-para: var(--color-200);
  /*--- subtle ---*/
  --brand-teal-dark-content-subtle-border: transparent;
  --brand-teal-dark-content-subtle-bg: var(--color-900);
  --brand-teal-dark-content-subtle-text-div: var(--color-400);
  --brand-teal-dark-content-subtle-title: var(--color-white);
  --brand-teal-dark-content-subtle-para: var(--color-200);
  /*--- primary ---*/
  --brand-teal-dark-content-primary-border: transparent;
  --brand-teal-dark-content-primary-bg: var(--color-500);
  --brand-teal-dark-content-primary-text-div: var(--color-white);
  --brand-teal-dark-content-primary-title: var(--color-white);
  --brand-teal-dark-content-primary-para: var(--color-white);
  /*--- bordered ---*/
  --brand-teal-dark-content-bordered-border: var(--color-800);
  --brand-teal-dark-content-bordered-bg: var(--color-950);
  --brand-teal-dark-content-bordered-text-div: var(--color-400);
  --brand-teal-dark-content-bordered-title: var(--color-white);
  --brand-teal-dark-content-bordered-para: var(--color-200);
  /* --- NEUTRAL --- */

  
    /*--- default ---*/
  --neutral-content-default-border: transparent;
  --neutral-content-default-bg: var(--neutral-white);
  --neutral-content-default-text-div: var(--neutral-500);
  --neutral-content-default-title: var(--neutral-900);
  --neutral-content-default-para: var(--neutral-900);
  /*--- subtle ---*/
  --neutral-content-subtle-border: transparent;
  --neutral-content-subtle-bg: var(--neutral-50);
  --neutral-content-subtle-text-div: var(--neutral-600);
  --neutral-content-subtle-title: var(--neutral-900);
  --neutral-content-subtle-para: var(--neutral-900);
  /*--- primary ---*/
  --neutral-content-primary-border: transparent;
  --neutral-content-primary-bg: var(--neutral-500);
  --neutral-content-primary-text-div: var(--neutral-white);
  --neutral-content-primary-title: var(--neutral-white);
  --neutral-content-primary-para: var(--neutral-white);
  /*--- bordered ---*/
  --neutral-content-bordered-border: var(--neutral-300);
  --neutral-content-bordered-bg: var(--neutral-white);
  --neutral-content-bordered-text-div: var(--neutral-500);
  --neutral-content-bordered-title: var(--neutral-900);
  --neutral-content-bordered-para: var(--neutral-900);
  /*--- default ---*/
  --neutral-dark-content-default-border: transparent;
  --neutral-dark-content-default-bg: var(--neutral-950);
  --neutral-dark-content-default-text-div: var(--neutral-400);
  --neutral-dark-content-default-title: var(--neutral-white);
  --neutral-dark-content-default-para: var(--neutral-200);
  /*--- subtle ---*/
  --neutral-dark-content-subtle-border: transparent;
  --neutral-dark-content-subtle-bg: var(--neutral-900);
  --neutral-dark-content-subtle-text-div: var(--neutral-400);
  --neutral-dark-content-subtle-title: var(--neutral-white);
  --neutral-dark-content-subtle-para: var(--neutral-200);
  /*--- primary ---*/
  --neutral-dark-content-primary-border: transparent;
  --neutral-dark-content-primary-bg: var(--neutral-500);
  --neutral-dark-content-primary-text-div: var(--neutral-white);
  --neutral-dark-content-primary-title: var(--neutral-white);
  --neutral-dark-content-primary-para: var(--neutral-white);
  /*--- bordered ---*/
  --neutral-dark-content-bordered-border: var(--neutral-800);
  --neutral-dark-content-bordered-bg: var(--neutral-950);
  --neutral-dark-content-bordered-text-div: var(--neutral-400);
  --neutral-dark-content-bordered-title: var(--neutral-white);
  --neutral-dark-content-bordered-para: var(--neutral-200);
  /* --- SUCCESS --- */

  
    /*--- default ---*/
  --success-content-default-border: transparent;
  --success-content-default-bg: var(--success-white);
  --success-content-default-text-div: var(--success-500);
  --success-content-default-title: var(--success-900);
  --success-content-default-para: var(--success-900);
  /*--- subtle ---*/
  --success-content-subtle-border: transparent;
  --success-content-subtle-bg: var(--success-50);
  --success-content-subtle-text-div: var(--success-600);
  --success-content-subtle-title: var(--success-900);
  --success-content-subtle-para: var(--success-900);
  /*--- primary ---*/
  --success-content-primary-border: transparent;
  --success-content-primary-bg: var(--success-500);
  --success-content-primary-text-div: var(--success-white);
  --success-content-primary-title: var(--success-white);
  --success-content-primary-para: var(--success-white);
  /*--- bordered ---*/
  --success-content-bordered-border: var(--success-300);
  --success-content-bordered-bg: var(--success-white);
  --success-content-bordered-text-div: var(--success-500);
  --success-content-bordered-title: var(--success-900);
  --success-content-bordered-para: var(--success-900);
  /*--- default ---*/
  --success-dark-content-default-border: transparent;
  --success-dark-content-default-bg: var(--success-950);
  --success-dark-content-default-text-div: var(--success-400);
  --success-dark-content-default-title: var(--success-white);
  --success-dark-content-default-para: var(--success-200);
  /*--- subtle ---*/
  --success-dark-content-subtle-border: transparent;
  --success-dark-content-subtle-bg: var(--success-900);
  --success-dark-content-subtle-text-div: var(--success-400);
  --success-dark-content-subtle-title: var(--success-white);
  --success-dark-content-subtle-para: var(--success-200);
  /*--- primary ---*/
  --success-dark-content-primary-border: transparent;
  --success-dark-content-primary-bg: var(--success-500);
  --success-dark-content-primary-text-div: var(--success-white);
  --success-dark-content-primary-title: var(--success-white);
  --success-dark-content-primary-para: var(--success-white);
  /*--- bordered ---*/
  --success-dark-content-bordered-border: var(--success-800);
  --success-dark-content-bordered-bg: var(--success-950);
  --success-dark-content-bordered-text-div: var(--success-400);
  --success-dark-content-bordered-title: var(--success-white);
  --success-dark-content-bordered-para: var(--success-200);
  /* --- WARNING --- */

  
    /*--- default ---*/
  --warning-content-default-border: transparent;
  --warning-content-default-bg: var(--warning-white);
  --warning-content-default-text-div: var(--warning-500);
  --warning-content-default-title: var(--warning-900);
  --warning-content-default-para: var(--warning-900);
  /*--- subtle ---*/
  --warning-content-subtle-border: transparent;
  --warning-content-subtle-bg: var(--warning-50);
  --warning-content-subtle-text-div: var(--warning-600);
  --warning-content-subtle-title: var(--warning-900);
  --warning-content-subtle-para: var(--warning-900);
  /*--- primary ---*/
  --warning-content-primary-border: transparent;
  --warning-content-primary-bg: var(--warning-500);
  --warning-content-primary-text-div: var(--warning-white);
  --warning-content-primary-title: var(--warning-white);
  --warning-content-primary-para: var(--warning-white);
  /*--- bordered ---*/
  --warning-content-bordered-border: var(--warning-300);
  --warning-content-bordered-bg: var(--warning-white);
  --warning-content-bordered-text-div: var(--warning-500);
  --warning-content-bordered-title: var(--warning-900);
  --warning-content-bordered-para: var(--warning-900);
  /*--- default ---*/
  --warning-dark-content-default-border: transparent;
  --warning-dark-content-default-bg: var(--warning-950);
  --warning-dark-content-default-text-div: var(--warning-400);
  --warning-dark-content-default-title: var(--warning-white);
  --warning-dark-content-default-para: var(--warning-200);
  /*--- subtle ---*/
  --warning-dark-content-subtle-border: transparent;
  --warning-dark-content-subtle-bg: var(--warning-900);
  --warning-dark-content-subtle-text-div: var(--warning-400);
  --warning-dark-content-subtle-title: var(--warning-white);
  --warning-dark-content-subtle-para: var(--warning-200);
  /*--- primary ---*/
  --warning-dark-content-primary-border: transparent;
  --warning-dark-content-primary-bg: var(--warning-500);
  --warning-dark-content-primary-text-div: var(--warning-white);
  --warning-dark-content-primary-title: var(--warning-white);
  --warning-dark-content-primary-para: var(--warning-white);
  /*--- bordered ---*/
  --warning-dark-content-bordered-border: var(--warning-800);
  --warning-dark-content-bordered-bg: var(--warning-950);
  --warning-dark-content-bordered-text-div: var(--warning-400);
  --warning-dark-content-bordered-title: var(--warning-white);
  --warning-dark-content-bordered-para: var(--warning-200);
  /* --- ERROR --- */

  
    /*--- default ---*/
  --error-content-default-border: transparent;
  --error-content-default-bg: var(--error-white);
  --error-content-default-text-div: var(--error-500);
  --error-content-default-title: var(--error-900);
  --error-content-default-para: var(--error-900);
  /*--- subtle ---*/
  --error-content-subtle-border: transparent;
  --error-content-subtle-bg: var(--error-50);
  --error-content-subtle-text-div: var(--error-600);
  --error-content-subtle-title: var(--error-900);
  --error-content-subtle-para: var(--error-900);
  /*--- primary ---*/
  --error-content-primary-border: transparent;
  --error-content-primary-bg: var(--error-500);
  --error-content-primary-text-div: var(--error-white);
  --error-content-primary-title: var(--error-white);
  --error-content-primary-para: var(--error-white);
  /*--- bordered ---*/
  --error-content-bordered-border: var(--error-300);
  --error-content-bordered-bg: var(--error-white);
  --error-content-bordered-text-div: var(--error-500);
  --error-content-bordered-title: var(--error-900);
  --error-content-bordered-para: var(--error-900);
  /*--- default ---*/
  --error-dark-content-default-border: transparent;
  --error-dark-content-default-bg: var(--error-950);
  --error-dark-content-default-text-div: var(--error-400);
  --error-dark-content-default-title: var(--error-white);
  --error-dark-content-default-para: var(--error-200);
  /*--- subtle ---*/
  --error-dark-content-subtle-border: transparent;
  --error-dark-content-subtle-bg: var(--error-900);
  --error-dark-content-subtle-text-div: var(--error-400);
  --error-dark-content-subtle-title: var(--error-white);
  --error-dark-content-subtle-para: var(--error-200);
  /*--- primary ---*/
  --error-dark-content-primary-border: transparent;
  --error-dark-content-primary-bg: var(--error-500);
  --error-dark-content-primary-text-div: var(--error-white);
  --error-dark-content-primary-title: var(--error-white);
  --error-dark-content-primary-para: var(--error-white);
  /*--- bordered ---*/
  --error-dark-content-bordered-border: var(--error-800);
  --error-dark-content-bordered-bg: var(--error-950);
  --error-dark-content-bordered-text-div: var(--error-400);
  --error-dark-content-bordered-title: var(--error-white);
  --error-dark-content-bordered-para: var(--error-200);
  /* --- INFO --- */

  
    /*--- default ---*/
  --info-content-default-border: transparent;
  --info-content-default-bg: var(--info-white);
  --info-content-default-text-div: var(--info-500);
  --info-content-default-title: var(--info-900);
  --info-content-default-para: var(--info-900);
  /*--- subtle ---*/
  --info-content-subtle-border: transparent;
  --info-content-subtle-bg: var(--info-50);
  --info-content-subtle-text-div: var(--info-600);
  --info-content-subtle-title: var(--info-900);
  --info-content-subtle-para: var(--info-900);
  /*--- primary ---*/
  --info-content-primary-border: transparent;
  --info-content-primary-bg: var(--info-500);
  --info-content-primary-text-div: var(--info-white);
  --info-content-primary-title: var(--info-white);
  --info-content-primary-para: var(--info-white);
  /*--- bordered ---*/
  --info-content-bordered-border: var(--info-300);
  --info-content-bordered-bg: var(--info-white);
  --info-content-bordered-text-div: var(--info-500);
  --info-content-bordered-title: var(--info-900);
  --info-content-bordered-para: var(--info-900);
  /*--- default ---*/
  --info-dark-content-default-border: transparent;
  --info-dark-content-default-bg: var(--info-950);
  --info-dark-content-default-text-div: var(--info-400);
  --info-dark-content-default-title: var(--info-white);
  --info-dark-content-default-para: var(--info-200);
  /*--- subtle ---*/
  --info-dark-content-subtle-border: transparent;
  --info-dark-content-subtle-bg: var(--info-900);
  --info-dark-content-subtle-text-div: var(--info-400);
  --info-dark-content-subtle-title: var(--info-white);
  --info-dark-content-subtle-para: var(--info-200);
  /*--- primary ---*/
  --info-dark-content-primary-border: transparent;
  --info-dark-content-primary-bg: var(--info-500);
  --info-dark-content-primary-text-div: var(--info-white);
  --info-dark-content-primary-title: var(--info-white);
  --info-dark-content-primary-para: var(--info-white);
  /*--- bordered ---*/
  --info-dark-content-bordered-border: var(--info-800);
  --info-dark-content-bordered-bg: var(--info-950);
  --info-dark-content-bordered-text-div: var(--info-400);
  --info-dark-content-bordered-title: var(--info-white);
  --info-dark-content-bordered-para: var(--info-200);


  /* --------------------------------- Buttons --------------------------------- */

  /* -- brand light -- */
  /*--- solid ---*/
  --brand-teal-btn-solid-bg: var(--color-900);
  --brand-teal-btn-solid-text: var(--color-200);
  --brand-teal-btn-solid-border: var(--color-900);
  --brand-teal-btn-solid-hover-bg: var(--color-800);
  --brand-teal-btn-solid-hover-text: var(--color-200);
  --brand-teal-btn-solid-hover-border: var(--color-800);
  --brand-teal-btn-solid-active-bg: var(--color-800);
  --brand-teal-btn-solid-active-text: var(--color-200);
  --brand-teal-btn-solid-active-border: var(--color-800);
  --brand-teal-btn-solid-disabled-bg: var(--color-900);
  --brand-teal-btn-solid-disabled-text: var(--color-200);
  --brand-teal-btn-solid-disabled-border: var(--color-900);
  /*--- soft ---*/
  --brand-teal-btn-soft-bg: var(--color-200);
  --brand-teal-btn-soft-text: var(--color-900);
  --brand-teal-btn-soft-border: var(--color-200);
  --brand-teal-btn-soft-hover-bg: var(--color-300);
  --brand-teal-btn-soft-hover-text: var(--color-900);
  --brand-teal-btn-soft-hover-border: var(--color-300);
  --brand-teal-btn-soft-active-bg: var(--color-300);
  --brand-teal-btn-soft-active-text: var(--color-900);
  --brand-teal-btn-soft-active-border: var(--color-300);
  --brand-teal-btn-soft-disabled-bg: var(--color-200);
  --brand-teal-btn-soft-disabled-text: var(--color-900);
  --brand-teal-btn-soft-disabled-border: var(--color-200);
  /*--- surface ---*/
  --brand-teal-btn-surface-bg: var(--color-100);
  --brand-teal-btn-surface-text: var(--color-700);
  --brand-teal-btn-surface-border: var(--color-300);
  --brand-teal-btn-surface-hover-bg: var(--color-50);
  --brand-teal-btn-surface-hover-text: var(--color-700);
  --brand-teal-btn-surface-hover-border: var(--color-200);
  --brand-teal-btn-surface-active-bg: var(--color-50);
  --brand-teal-btn-surface-active-text: var(--color-700);
  --brand-teal-btn-surface-active-border: var(--color-200);
  --brand-teal-btn-surface-disabled-bg: var(--color-100);
  --brand-teal-btn-surface-disabled-text: var(--color-700);
  --brand-teal-btn-surface-disabled-border: var(--color-300);
  /*--- outline ---*/
  --brand-teal-btn-outline-bg: transparent;
  --brand-teal-btn-outline-text: var(--color-800);
  --brand-teal-btn-outline-border: var(--color-800);
  --brand-teal-btn-outline-hover-bg: transparent;
  --brand-teal-btn-outline-hover-text: var(--color-700);
  --brand-teal-btn-outline-hover-border: var(--color-700);
  --brand-teal-btn-outline-active-bg: transparent;
  --brand-teal-btn-outline-active-text: var(--color-700);
  --brand-teal-btn-outline-active-border: var(--color-700);
  --brand-teal-btn-outline-disabled-bg: transparent;
  --brand-teal-btn-outline-disabled-text: var(--color-800);
  --brand-teal-btn-outline-disabled-border: var(--color-800);

  /* -- brand dark -- */
  /*--- solid ---*/
  --brand-teal-dark-btn-solid-bg: var(--color-200);
  --brand-teal-dark-btn-solid-text: var(--color-900);
  --brand-teal-dark-btn-solid-border: var(--color-200);
  --brand-teal-dark-btn-solid-hover-bg: var(--color-300);
  --brand-teal-dark-btn-solid-hover-text: var(--color-900);
  --brand-teal-dark-btn-solid-hover-border: var(--color-300);
  --brand-teal-dark-btn-solid-active-bg: var(--color-300);
  --brand-teal-dark-btn-solid-active-text: var(--color-900);
  --brand-teal-dark-btn-solid-active-border: var(--color-300);
  --brand-teal-dark-btn-solid-disabled-bg: var(--color-200);
  --brand-teal-dark-btn-solid-disabled-text: var(--color-900);
  --brand-teal-dark-btn-solid-disabled-border: var(--color-200);
  /*--- soft ---*/
  --brand-teal-dark-btn-soft-bg: var(--color-800);
  --brand-teal-dark-btn-soft-text: var(--color-200);
  --brand-teal-dark-btn-soft-border: var(--color-800);
  --brand-teal-dark-btn-soft-hover-bg: var(--color-700);
  --brand-teal-dark-btn-soft-hover-text: var(--color-200);
  --brand-teal-dark-btn-soft-hover-border: var(--color-700);
  --brand-teal-dark-btn-soft-active-bg: var(--color-700);
  --brand-teal-dark-btn-soft-active-text: var(--color-200);
  --brand-teal-dark-btn-soft-active-border: var(--color-700);
  --brand-teal-dark-btn-soft-disabled-bg: var(--color-800);
  --brand-teal-dark-btn-soft-disabled-text: var(--color-200);
  --brand-teal-dark-btn-soft-disabled-border: var(--color-800);
  /*--- surface ---*/
  --brand-teal-dark-btn-surface-bg: var(--color-900);
  --brand-teal-dark-btn-surface-text: var(--color-200);
  --brand-teal-dark-btn-surface-border: var(--color-700);
  --brand-teal-dark-btn-surface-hover-bg: var(--color-800);
  --brand-teal-dark-btn-surface-hover-text: var(--color-200);
  --brand-teal-dark-btn-surface-hover-border: var(--color-700);
  --brand-teal-dark-btn-surface-active-bg: var(--color-800);
  --brand-teal-dark-btn-surface-active-text: var(--color-200);
  --brand-teal-dark-btn-surface-active-border: var(--color-700);
  --brand-teal-dark-btn-surface-disabled-bg: var(--color-900);
  --brand-teal-dark-btn-surface-disabled-text: var(--color-200);
  --brand-teal-dark-btn-surface-disabled-border: var(--color-700);
  /*--- outline ---*/
  --brand-teal-dark-btn-outline-bg: transparent;
  --brand-teal-dark-btn-outline-text: var(--color-white);
  --brand-teal-dark-btn-outline-border: var(--color-white);
  --brand-teal-dark-btn-outline-hover-bg: transparent;
  --brand-teal-dark-btn-outline-hover-text: var(--color-200);
  --brand-teal-dark-btn-outline-hover-border: var(--color-200);
  --brand-teal-dark-btn-outline-active-bg: transparent;
  --brand-teal-dark-btn-outline-active-text: var(--color-200);
  --brand-teal-dark-btn-outline-active-border: var(--color-200);
  --brand-teal-dark-btn-outline-disabled-bg: transparent;
  --brand-teal-dark-btn-outline-disabled-text: var(--color-white);
  --brand-teal-dark-btn-outline-disabled-border: var(--color-white);

  /* -- neutral light -- */
  /*--- solid ---*/
  --neutral-btn-solid-bg: var(--neutral-900);
  --neutral-btn-solid-text: var(--neutral-200);
  --neutral-btn-solid-border: var(--neutral-900);
  --neutral-btn-solid-hover-bg: var(--neutral-800);
  --neutral-btn-solid-hover-text: var(--neutral-200);
  --neutral-btn-solid-hover-border: var(--neutral-800);
  --neutral-btn-solid-active-bg: var(--neutral-800);
  --neutral-btn-solid-active-text: var(--neutral-200);
  --neutral-btn-solid-active-border: var(--neutral-800);
  --neutral-btn-solid-disabled-bg: var(--neutral-900);
  --neutral-btn-solid-disabled-text: var(--neutral-200);
  --neutral-btn-solid-disabled-border: var(--neutral-900);
  /*--- soft ---*/
  --neutral-btn-soft-bg: var(--neutral-200);
  --neutral-btn-soft-text: var(--neutral-900);
  --neutral-btn-soft-border: var(--neutral-200);
  --neutral-btn-soft-hover-bg: var(--neutral-300);
  --neutral-btn-soft-hover-text: var(--neutral-900);
  --neutral-btn-soft-hover-border: var(--neutral-300);
  --neutral-btn-soft-active-bg: var(--neutral-300);
  --neutral-btn-soft-active-text: var(--neutral-900);
  --neutral-btn-soft-active-border: var(--neutral-300);
  --neutral-btn-soft-disabled-bg: var(--neutral-200);
  --neutral-btn-soft-disabled-text: var(--neutral-900);
  --neutral-btn-soft-disabled-border: var(--neutral-200);
  /*--- surface ---*/
  --neutral-btn-surface-bg: var(--neutral-100);
  --neutral-btn-surface-text: var(--neutral-700);
  --neutral-btn-surface-border: var(--neutral-300);
  --neutral-btn-surface-hover-bg: var(--neutral-50);
  --neutral-btn-surface-hover-text: var(--neutral-700);
  --neutral-btn-surface-hover-border: var(--neutral-200);
  --neutral-btn-surface-active-bg: var(--neutral-50);
  --neutral-btn-surface-active-text: var(--neutral-700);
  --neutral-btn-surface-active-border: var(--neutral-200);
  --neutral-btn-surface-disabled-bg: var(--neutral-100);
  --neutral-btn-surface-disabled-text: var(--neutral-700);
  --neutral-btn-surface-disabled-border: var(--neutral-300);
  /*--- outline ---*/
  --neutral-btn-outline-bg: transparent;
  --neutral-btn-outline-text: var(--neutral-800);
  --neutral-btn-outline-border: var(--neutral-800);
  --neutral-btn-outline-hover-bg: transparent;
  --neutral-btn-outline-hover-text: var(--neutral-700);
  --neutral-btn-outline-hover-border: var(--neutral-700);
  --neutral-btn-outline-active-bg: transparent;
  --neutral-btn-outline-active-text: var(--neutral-700);
  --neutral-btn-outline-active-border: var(--neutral-700);
  --neutral-btn-outline-disabled-bg: transparent;
  --neutral-btn-outline-disabled-text: var(--neutral-800);
  --neutral-btn-outline-disabled-border: var(--neutral-800);

  /* -- neutral dark -- */
  /*--- solid ---*/
  --neutral-dark-btn-solid-bg: var(--neutral-200);
  --neutral-dark-btn-solid-text: var(--neutral-900);
  --neutral-dark-btn-solid-border: var(--neutral-200);
  --neutral-dark-btn-solid-hover-bg: var(--neutral-300);
  --neutral-dark-btn-solid-hover-text: var(--neutral-900);
  --neutral-dark-btn-solid-hover-border: var(--neutral-300);
  --neutral-dark-btn-solid-active-bg: var(--neutral-300);
  --neutral-dark-btn-solid-active-text: var(--neutral-900);
  --neutral-dark-btn-solid-active-border: var(--neutral-300);
  --neutral-dark-btn-solid-disabled-bg: var(--neutral-200);
  --neutral-dark-btn-solid-disabled-text: var(--neutral-900);
  --neutral-dark-btn-solid-disabled-border: var(--neutral-200);
  /*--- soft ---*/
  --neutral-dark-btn-soft-bg: var(--neutral-800);
  --neutral-dark-btn-soft-text: var(--neutral-200);
  --neutral-dark-btn-soft-border: var(--neutral-800);
  --neutral-dark-btn-soft-hover-bg: var(--neutral-700);
  --neutral-dark-btn-soft-hover-text: var(--neutral-200);
  --neutral-dark-btn-soft-hover-border: var(--neutral-700);
  --neutral-dark-btn-soft-active-bg: var(--neutral-700);
  --neutral-dark-btn-soft-active-text: var(--neutral-200);
  --neutral-dark-btn-soft-active-border: var(--neutral-700);
  --neutral-dark-btn-soft-disabled-bg: var(--neutral-800);
  --neutral-dark-btn-soft-disabled-text: var(--neutral-200);
  --neutral-dark-btn-soft-disabled-border: var(--neutral-800);
  /*--- surface ---*/
  --neutral-dark-btn-surface-bg: var(--neutral-900);
  --neutral-dark-btn-surface-text: var(--neutral-200);
  --neutral-dark-btn-surface-border: var(--neutral-700);
  --neutral-dark-btn-surface-hover-bg: var(--neutral-800);
  --neutral-dark-btn-surface-hover-text: var(--neutral-200);
  --neutral-dark-btn-surface-hover-border: var(--neutral-700);
  --neutral-dark-btn-surface-active-bg: var(--neutral-800);
  --neutral-dark-btn-surface-active-text: var(--neutral-200);
  --neutral-dark-btn-surface-active-border: var(--neutral-700);
  --neutral-dark-btn-surface-disabled-bg: var(--neutral-900);
  --neutral-dark-btn-surface-disabled-text: var(--neutral-200);
  --neutral-dark-btn-surface-disabled-border: var(--neutral-700);
  /*--- outline ---*/
  --neutral-dark-btn-outline-bg: transparent;
  --neutral-dark-btn-outline-text: var(--neutral-white);
  --neutral-dark-btn-outline-border: var(--neutral-white);
  --neutral-dark-btn-outline-hover-bg: transparent;
  --neutral-dark-btn-outline-hover-text: var(--neutral-200);
  --neutral-dark-btn-outline-hover-border: var(--neutral-200);
  --neutral-dark-btn-outline-active-bg: transparent;
  --neutral-dark-btn-outline-active-text: var(--neutral-200);
  --neutral-dark-btn-outline-active-border: var(--neutral-200);
  --neutral-dark-btn-outline-disabled-bg: transparent;
  --neutral-dark-btn-outline-disabled-text: var(--neutral-white);
  --neutral-dark-btn-outline-disabled-border: var(--neutral-white);

  /* -- success light -- */
  /*--- solid ---*/
  --success-btn-solid-bg: var(--success-900);
  --success-btn-solid-text: var(--success-200);
  --success-btn-solid-border: var(--success-900);
  --success-btn-solid-hover-bg: var(--success-800);
  --success-btn-solid-hover-text: var(--success-200);
  --success-btn-solid-hover-border: var(--success-800);
  --success-btn-solid-active-bg: var(--success-800);
  --success-btn-solid-active-text: var(--success-200);
  --success-btn-solid-active-border: var(--success-800);
  --success-btn-solid-disabled-bg: var(--success-900);
  --success-btn-solid-disabled-text: var(--success-200);
  --success-btn-solid-disabled-border: var(--success-900);
  /*--- soft ---*/
  --success-btn-soft-bg: var(--success-200);
  --success-btn-soft-text: var(--success-900);
  --success-btn-soft-border: var(--success-200);
  --success-btn-soft-hover-bg: var(--success-300);
  --success-btn-soft-hover-text: var(--success-900);
  --success-btn-soft-hover-border: var(--success-300);
  --success-btn-soft-active-bg: var(--success-300);
  --success-btn-soft-active-text: var(--success-900);
  --success-btn-soft-active-border: var(--success-300);
  --success-btn-soft-disabled-bg: var(--success-200);
  --success-btn-soft-disabled-text: var(--success-900);
  --success-btn-soft-disabled-border: var(--success-200);
  /*--- surface ---*/
  --success-btn-surface-bg: var(--success-100);
  --success-btn-surface-text: var(--success-700);
  --success-btn-surface-border: var(--success-300);
  --success-btn-surface-hover-bg: var(--success-50);
  --success-btn-surface-hover-text: var(--success-700);
  --success-btn-surface-hover-border: var(--success-200);
  --success-btn-surface-active-bg: var(--success-50);
  --success-btn-surface-active-text: var(--success-700);
  --success-btn-surface-active-border: var(--success-200);
  --success-btn-surface-disabled-bg: var(--success-100);
  --success-btn-surface-disabled-text: var(--success-700);
  --success-btn-surface-disabled-border: var(--success-300);
  /*--- outline ---*/
  --success-btn-outline-bg: transparent;
  --success-btn-outline-text: var(--success-800);
  --success-btn-outline-border: var(--success-800);
  --success-btn-outline-hover-bg: transparent;
  --success-btn-outline-hover-text: var(--success-700);
  --success-btn-outline-hover-border: var(--success-700);
  --success-btn-outline-active-bg: transparent;
  --success-btn-outline-active-text: var(--success-700);
  --success-btn-outline-active-border: var(--success-700);
  --success-btn-outline-disabled-bg: transparent;
  --success-btn-outline-disabled-text: var(--success-800);
  --success-btn-outline-disabled-border: var(--success-800);

  /* -- success dark -- */
  /*--- solid ---*/
  --success-dark-btn-solid-bg: var(--success-200);
  --success-dark-btn-solid-text: var(--success-900);
  --success-dark-btn-solid-border: var(--success-200);
  --success-dark-btn-solid-hover-bg: var(--success-300);
  --success-dark-btn-solid-hover-text: var(--success-900);
  --success-dark-btn-solid-hover-border: var(--success-300);
  --success-dark-btn-solid-active-bg: var(--success-300);
  --success-dark-btn-solid-active-text: var(--success-900);
  --success-dark-btn-solid-active-border: var(--success-300);
  --success-dark-btn-solid-disabled-bg: var(--success-200);
  --success-dark-btn-solid-disabled-text: var(--success-900);
  --success-dark-btn-solid-disabled-border: var(--success-200);
  /*--- soft ---*/
  --success-dark-btn-soft-bg: var(--success-800);
  --success-dark-btn-soft-text: var(--success-200);
  --success-dark-btn-soft-border: var(--success-800);
  --success-dark-btn-soft-hover-bg: var(--success-700);
  --success-dark-btn-soft-hover-text: var(--success-200);
  --success-dark-btn-soft-hover-border: var(--success-700);
  --success-dark-btn-soft-active-bg: var(--success-700);
  --success-dark-btn-soft-active-text: var(--success-200);
  --success-dark-btn-soft-active-border: var(--success-700);
  --success-dark-btn-soft-disabled-bg: var(--success-800);
  --success-dark-btn-soft-disabled-text: var(--success-200);
  --success-dark-btn-soft-disabled-border: var(--success-800);
  /*--- surface ---*/
  --success-dark-btn-surface-bg: var(--success-900);
  --success-dark-btn-surface-text: var(--success-200);
  --success-dark-btn-surface-border: var(--success-700);
  --success-dark-btn-surface-hover-bg: var(--success-800);
  --success-dark-btn-surface-hover-text: var(--success-200);
  --success-dark-btn-surface-hover-border: var(--success-700);
  --success-dark-btn-surface-active-bg: var(--success-800);
  --success-dark-btn-surface-active-text: var(--success-200);
  --success-dark-btn-surface-active-border: var(--success-700);
  --success-dark-btn-surface-disabled-bg: var(--success-900);
  --success-dark-btn-surface-disabled-text: var(--success-200);
  --success-dark-btn-surface-disabled-border: var(--success-700);
  /*--- outline ---*/
  --success-dark-btn-outline-bg: transparent;
  --success-dark-btn-outline-text: var(--success-white);
  --success-dark-btn-outline-border: var(--success-white);
  --success-dark-btn-outline-hover-bg: transparent;
  --success-dark-btn-outline-hover-text: var(--success-200);
  --success-dark-btn-outline-hover-border: var(--success-200);
  --success-dark-btn-outline-active-bg: transparent;
  --success-dark-btn-outline-active-text: var(--success-200);
  --success-dark-btn-outline-active-border: var(--success-200);
  --success-dark-btn-outline-disabled-bg: transparent;
  --success-dark-btn-outline-disabled-text: var(--success-white);
  --success-dark-btn-outline-disabled-border: var(--success-white);

  /* -- warning light -- */
  /*--- solid ---*/
  --warning-btn-solid-bg: var(--warning-900);
  --warning-btn-solid-text: var(--warning-200);
  --warning-btn-solid-border: var(--warning-900);
  --warning-btn-solid-hover-bg: var(--warning-800);
  --warning-btn-solid-hover-text: var(--warning-200);
  --warning-btn-solid-hover-border: var(--warning-800);
  --warning-btn-solid-active-bg: var(--warning-800);
  --warning-btn-solid-active-text: var(--warning-200);
  --warning-btn-solid-active-border: var(--warning-800);
  --warning-btn-solid-disabled-bg: var(--warning-900);
  --warning-btn-solid-disabled-text: var(--warning-200);
  --warning-btn-solid-disabled-border: var(--warning-900);
  /*--- soft ---*/
  --warning-btn-soft-bg: var(--warning-200);
  --warning-btn-soft-text: var(--warning-900);
  --warning-btn-soft-border: var(--warning-200);
  --warning-btn-soft-hover-bg: var(--warning-300);
  --warning-btn-soft-hover-text: var(--warning-900);
  --warning-btn-soft-hover-border: var(--warning-300);
  --warning-btn-soft-active-bg: var(--warning-300);
  --warning-btn-soft-active-text: var(--warning-900);
  --warning-btn-soft-active-border: var(--warning-300);
  --warning-btn-soft-disabled-bg: var(--warning-200);
  --warning-btn-soft-disabled-text: var(--warning-900);
  --warning-btn-soft-disabled-border: var(--warning-200);
  /*--- surface ---*/
  --warning-btn-surface-bg: var(--warning-100);
  --warning-btn-surface-text: var(--warning-700);
  --warning-btn-surface-border: var(--warning-300);
  --warning-btn-surface-hover-bg: var(--warning-50);
  --warning-btn-surface-hover-text: var(--warning-700);
  --warning-btn-surface-hover-border: var(--warning-200);
  --warning-btn-surface-active-bg: var(--warning-50);
  --warning-btn-surface-active-text: var(--warning-700);
  --warning-btn-surface-active-border: var(--warning-200);
  --warning-btn-surface-disabled-bg: var(--warning-100);
  --warning-btn-surface-disabled-text: var(--warning-700);
  --warning-btn-surface-disabled-border: var(--warning-300);
  /*--- outline ---*/
  --warning-btn-outline-bg: transparent;
  --warning-btn-outline-text: var(--warning-800);
  --warning-btn-outline-border: var(--warning-800);
  --warning-btn-outline-hover-bg: transparent;
  --warning-btn-outline-hover-text: var(--warning-700);
  --warning-btn-outline-hover-border: var(--warning-700);
  --warning-btn-outline-active-bg: transparent;
  --warning-btn-outline-active-text: var(--warning-700);
  --warning-btn-outline-active-border: var(--warning-700);
  --warning-btn-outline-disabled-bg: transparent;
  --warning-btn-outline-disabled-text: var(--warning-800);
  --warning-btn-outline-disabled-border: var(--warning-800);

  /* -- warning dark -- */
  /*--- solid ---*/
  --warning-dark-btn-solid-bg: var(--warning-200);
  --warning-dark-btn-solid-text: var(--warning-900);
  --warning-dark-btn-solid-border: var(--warning-200);
  --warning-dark-btn-solid-hover-bg: var(--warning-300);
  --warning-dark-btn-solid-hover-text: var(--warning-900);
  --warning-dark-btn-solid-hover-border: var(--warning-300);
  --warning-dark-btn-solid-active-bg: var(--warning-300);
  --warning-dark-btn-solid-active-text: var(--warning-900);
  --warning-dark-btn-solid-active-border: var(--warning-300);
  --warning-dark-btn-solid-disabled-bg: var(--warning-200);
  --warning-dark-btn-solid-disabled-text: var(--warning-900);
  --warning-dark-btn-solid-disabled-border: var(--warning-200);
  /*--- soft ---*/
  --warning-dark-btn-soft-bg: var(--warning-800);
  --warning-dark-btn-soft-text: var(--warning-200);
  --warning-dark-btn-soft-border: var(--warning-800);
  --warning-dark-btn-soft-hover-bg: var(--warning-700);
  --warning-dark-btn-soft-hover-text: var(--warning-200);
  --warning-dark-btn-soft-hover-border: var(--warning-700);
  --warning-dark-btn-soft-active-bg: var(--warning-700);
  --warning-dark-btn-soft-active-text: var(--warning-200);
  --warning-dark-btn-soft-active-border: var(--warning-700);
  --warning-dark-btn-soft-disabled-bg: var(--warning-800);
  --warning-dark-btn-soft-disabled-text: var(--warning-200);
  --warning-dark-btn-soft-disabled-border: var(--warning-800);
  /*--- surface ---*/
  --warning-dark-btn-surface-bg: var(--warning-900);
  --warning-dark-btn-surface-text: var(--warning-200);
  --warning-dark-btn-surface-border: var(--warning-700);
  --warning-dark-btn-surface-hover-bg: var(--warning-800);
  --warning-dark-btn-surface-hover-text: var(--warning-200);
  --warning-dark-btn-surface-hover-border: var(--warning-700);
  --warning-dark-btn-surface-active-bg: var(--warning-800);
  --warning-dark-btn-surface-active-text: var(--warning-200);
  --warning-dark-btn-surface-active-border: var(--warning-700);
  --warning-dark-btn-surface-disabled-bg: var(--warning-900);
  --warning-dark-btn-surface-disabled-text: var(--warning-200);
  --warning-dark-btn-surface-disabled-border: var(--warning-700);
  /*--- outline ---*/
  --warning-dark-btn-outline-bg: transparent;
  --warning-dark-btn-outline-text: var(--warning-white);
  --warning-dark-btn-outline-border: var(--warning-white);
  --warning-dark-btn-outline-hover-bg: transparent;
  --warning-dark-btn-outline-hover-text: var(--warning-200);
  --warning-dark-btn-outline-hover-border: var(--warning-200);
  --warning-dark-btn-outline-active-bg: transparent;
  --warning-dark-btn-outline-active-text: var(--warning-200);
  --warning-dark-btn-outline-active-border: var(--warning-200);
  --warning-dark-btn-outline-disabled-bg: transparent;
  --warning-dark-btn-outline-disabled-text: var(--warning-white);
  --warning-dark-btn-outline-disabled-border: var(--warning-white);

  /* -- error light -- */
  /*--- solid ---*/
  --error-btn-solid-bg: var(--error-900);
  --error-btn-solid-text: var(--error-200);
  --error-btn-solid-border: var(--error-900);
  --error-btn-solid-hover-bg: var(--error-800);
  --error-btn-solid-hover-text: var(--error-200);
  --error-btn-solid-hover-border: var(--error-800);
  --error-btn-solid-active-bg: var(--error-800);
  --error-btn-solid-active-text: var(--error-200);
  --error-btn-solid-active-border: var(--error-800);
  --error-btn-solid-disabled-bg: var(--error-900);
  --error-btn-solid-disabled-text: var(--error-200);
  --error-btn-solid-disabled-border: var(--error-900);
  /*--- soft ---*/
  --error-btn-soft-bg: var(--error-200);
  --error-btn-soft-text: var(--error-900);
  --error-btn-soft-border: var(--error-200);
  --error-btn-soft-hover-bg: var(--error-300);
  --error-btn-soft-hover-text: var(--error-900);
  --error-btn-soft-hover-border: var(--error-300);
  --error-btn-soft-active-bg: var(--error-300);
  --error-btn-soft-active-text: var(--error-900);
  --error-btn-soft-active-border: var(--error-300);
  --error-btn-soft-disabled-bg: var(--error-200);
  --error-btn-soft-disabled-text: var(--error-900);
  --error-btn-soft-disabled-border: var(--error-200);
  /*--- surface ---*/
  --error-btn-surface-bg: var(--error-100);
  --error-btn-surface-text: var(--error-700);
  --error-btn-surface-border: var(--error-300);
  --error-btn-surface-hover-bg: var(--error-50);
  --error-btn-surface-hover-text: var(--error-700);
  --error-btn-surface-hover-border: var(--error-200);
  --error-btn-surface-active-bg: var(--error-50);
  --error-btn-surface-active-text: var(--error-700);
  --error-btn-surface-active-border: var(--error-200);
  --error-btn-surface-disabled-bg: var(--error-100);
  --error-btn-surface-disabled-text: var(--error-700);
  --error-btn-surface-disabled-border: var(--error-300);
  /*--- outline ---*/
  --error-btn-outline-bg: transparent;
  --error-btn-outline-text: var(--error-800);
  --error-btn-outline-border: var(--error-800);
  --error-btn-outline-hover-bg: transparent;
  --error-btn-outline-hover-text: var(--error-700);
  --error-btn-outline-hover-border: var(--error-700);
  --error-btn-outline-active-bg: transparent;
  --error-btn-outline-active-text: var(--error-700);
  --error-btn-outline-active-border: var(--error-700);
  --error-btn-outline-disabled-bg: transparent;
  --error-btn-outline-disabled-text: var(--error-800);
  --error-btn-outline-disabled-border: var(--error-800);

  /* -- error dark -- */
  /*--- solid ---*/
  --error-dark-btn-solid-bg: var(--error-200);
  --error-dark-btn-solid-text: var(--error-900);
  --error-dark-btn-solid-border: var(--error-200);
  --error-dark-btn-solid-hover-bg: var(--error-300);
  --error-dark-btn-solid-hover-text: var(--error-900);
  --error-dark-btn-solid-hover-border: var(--error-300);
  --error-dark-btn-solid-active-bg: var(--error-300);
  --error-dark-btn-solid-active-text: var(--error-900);
  --error-dark-btn-solid-active-border: var(--error-300);
  --error-dark-btn-solid-disabled-bg: var(--error-200);
  --error-dark-btn-solid-disabled-text: var(--error-900);
  --error-dark-btn-solid-disabled-border: var(--error-200);
  /*--- soft ---*/
  --error-dark-btn-soft-bg: var(--error-800);
  --error-dark-btn-soft-text: var(--error-200);
  --error-dark-btn-soft-border: var(--error-800);
  --error-dark-btn-soft-hover-bg: var(--error-700);
  --error-dark-btn-soft-hover-text: var(--error-200);
  --error-dark-btn-soft-hover-border: var(--error-700);
  --error-dark-btn-soft-active-bg: var(--error-700);
  --error-dark-btn-soft-active-text: var(--error-200);
  --error-dark-btn-soft-active-border: var(--error-700);
  --error-dark-btn-soft-disabled-bg: var(--error-800);
  --error-dark-btn-soft-disabled-text: var(--error-200);
  --error-dark-btn-soft-disabled-border: var(--error-800);
  /*--- surface ---*/
  --error-dark-btn-surface-bg: var(--error-900);
  --error-dark-btn-surface-text: var(--error-200);
  --error-dark-btn-surface-border: var(--error-700);
  --error-dark-btn-surface-hover-bg: var(--error-800);
  --error-dark-btn-surface-hover-text: var(--error-200);
  --error-dark-btn-surface-hover-border: var(--error-700);
  --error-dark-btn-surface-active-bg: var(--error-800);
  --error-dark-btn-surface-active-text: var(--error-200);
  --error-dark-btn-surface-active-border: var(--error-700);
  --error-dark-btn-surface-disabled-bg: var(--error-900);
  --error-dark-btn-surface-disabled-text: var(--error-200);
  --error-dark-btn-surface-disabled-border: var(--error-700);
  /*--- outline ---*/
  --error-dark-btn-outline-bg: transparent;
  --error-dark-btn-outline-text: var(--error-white);
  --error-dark-btn-outline-border: var(--error-white);
  --error-dark-btn-outline-hover-bg: transparent;
  --error-dark-btn-outline-hover-text: var(--error-200);
  --error-dark-btn-outline-hover-border: var(--error-200);
  --error-dark-btn-outline-active-bg: transparent;
  --error-dark-btn-outline-active-text: var(--error-200);
  --error-dark-btn-outline-active-border: var(--error-200);
  --error-dark-btn-outline-disabled-bg: transparent;
  --error-dark-btn-outline-disabled-text: var(--error-white);
  --error-dark-btn-outline-disabled-border: var(--error-white);

  /* -- info light -- */
  /*--- solid ---*/
  --info-btn-solid-bg: var(--info-900);
  --info-btn-solid-text: var(--info-200);
  --info-btn-solid-border: var(--info-900);
  --info-btn-solid-hover-bg: var(--info-800);
  --info-btn-solid-hover-text: var(--info-200);
  --info-btn-solid-hover-border: var(--info-800);
  --info-btn-solid-active-bg: var(--info-800);
  --info-btn-solid-active-text: var(--info-200);
  --info-btn-solid-active-border: var(--info-800);
  --info-btn-solid-disabled-bg: var(--info-900);
  --info-btn-solid-disabled-text: var(--info-200);
  --info-btn-solid-disabled-border: var(--info-900);
  /*--- soft ---*/
  --info-btn-soft-bg: var(--info-200);
  --info-btn-soft-text: var(--info-900);
  --info-btn-soft-border: var(--info-200);
  --info-btn-soft-hover-bg: var(--info-300);
  --info-btn-soft-hover-text: var(--info-900);
  --info-btn-soft-hover-border: var(--info-300);
  --info-btn-soft-active-bg: var(--info-300);
  --info-btn-soft-active-text: var(--info-900);
  --info-btn-soft-active-border: var(--info-300);
  --info-btn-soft-disabled-bg: var(--info-200);
  --info-btn-soft-disabled-text: var(--info-900);
  --info-btn-soft-disabled-border: var(--info-200);
  /*--- surface ---*/
  --info-btn-surface-bg: var(--info-100);
  --info-btn-surface-text: var(--info-700);
  --info-btn-surface-border: var(--info-300);
  --info-btn-surface-hover-bg: var(--info-50);
  --info-btn-surface-hover-text: var(--info-700);
  --info-btn-surface-hover-border: var(--info-200);
  --info-btn-surface-active-bg: var(--info-50);
  --info-btn-surface-active-text: var(--info-700);
  --info-btn-surface-active-border: var(--info-200);
  --info-btn-surface-disabled-bg: var(--info-100);
  --info-btn-surface-disabled-text: var(--info-700);
  --info-btn-surface-disabled-border: var(--info-300);
  /*--- outline ---*/
  --info-btn-outline-bg: transparent;
  --info-btn-outline-text: var(--info-800);
  --info-btn-outline-border: var(--info-800);
  --info-btn-outline-hover-bg: transparent;
  --info-btn-outline-hover-text: var(--info-700);
  --info-btn-outline-hover-border: var(--info-700);
  --info-btn-outline-active-bg: transparent;
  --info-btn-outline-active-text: var(--info-700);
  --info-btn-outline-active-border: var(--info-700);
  --info-btn-outline-disabled-bg: transparent;
  --info-btn-outline-disabled-text: var(--info-800);
  --info-btn-outline-disabled-border: var(--info-800);

  /* -- info dark -- */
  /*--- solid ---*/
  --info-dark-btn-solid-bg: var(--info-200);
  --info-dark-btn-solid-text: var(--info-900);
  --info-dark-btn-solid-border: var(--info-200);
  --info-dark-btn-solid-hover-bg: var(--info-300);
  --info-dark-btn-solid-hover-text: var(--info-900);
  --info-dark-btn-solid-hover-border: var(--info-300);
  --info-dark-btn-solid-active-bg: var(--info-300);
  --info-dark-btn-solid-active-text: var(--info-900);
  --info-dark-btn-solid-active-border: var(--info-300);
  --info-dark-btn-solid-disabled-bg: var(--info-200);
  --info-dark-btn-solid-disabled-text: var(--info-900);
  --info-dark-btn-solid-disabled-border: var(--info-200);
  /*--- soft ---*/
  --info-dark-btn-soft-bg: var(--info-800);
  --info-dark-btn-soft-text: var(--info-200);
  --info-dark-btn-soft-border: var(--info-800);
  --info-dark-btn-soft-hover-bg: var(--info-700);
  --info-dark-btn-soft-hover-text: var(--info-200);
  --info-dark-btn-soft-hover-border: var(--info-700);
  --info-dark-btn-soft-active-bg: var(--info-700);
  --info-dark-btn-soft-active-text: var(--info-200);
  --info-dark-btn-soft-active-border: var(--info-700);
  --info-dark-btn-soft-disabled-bg: var(--info-800);
  --info-dark-btn-soft-disabled-text: var(--info-200);
  --info-dark-btn-soft-disabled-border: var(--info-800);
  /*--- surface ---*/
  --info-dark-btn-surface-bg: var(--info-900);
  --info-dark-btn-surface-text: var(--info-200);
  --info-dark-btn-surface-border: var(--info-700);
  --info-dark-btn-surface-hover-bg: var(--info-800);
  --info-dark-btn-surface-hover-text: var(--info-200);
  --info-dark-btn-surface-hover-border: var(--info-700);
  --info-dark-btn-surface-active-bg: var(--info-800);
  --info-dark-btn-surface-active-text: var(--info-200);
  --info-dark-btn-surface-active-border: var(--info-700);
  --info-dark-btn-surface-disabled-bg: var(--info-900);
  --info-dark-btn-surface-disabled-text: var(--info-200);
  --info-dark-btn-surface-disabled-border: var(--info-700);
  /*--- outline ---*/
  --info-dark-btn-outline-bg: transparent;
  --info-dark-btn-outline-text: var(--info-white);
  --info-dark-btn-outline-border: var(--info-white);
  --info-dark-btn-outline-hover-bg: transparent;
  --info-dark-btn-outline-hover-text: var(--info-200);
  --info-dark-btn-outline-hover-border: var(--info-200);
  --info-dark-btn-outline-active-bg: transparent;
  --info-dark-btn-outline-active-text: var(--info-200);
  --info-dark-btn-outline-active-border: var(--info-200);
  --info-dark-btn-outline-disabled-bg: transparent;
  --info-dark-btn-outline-disabled-text: var(--info-white);
  --info-dark-btn-outline-disabled-border: var(--info-white);


  /* --------------------------------- Links --------------------------------- */

  /* -- brand light -- */
  /*--- default ---*/
  --brand-teal-link-text: var(--color-600);
  /*--- hover ---*/
  --brand-teal-link-hover-text: var(--color-700);
  /*--- active ---*/
  --brand-teal-link-active-text: var(--color-700);

  /* -- brand dark -- */
  /*--- default ---*/
  --brand-teal-dark-link-text: var(--color-200);
  /*--- hover ---*/
  --brand-teal-dark-link-hover-text: var(--color-300);
  /*--- active ---*/
  --brand-teal-dark-link-active-text: var(--color-300);

  /* -- neutral light -- */
  /*--- default ---*/
  --neutral-link-text: var(--neutral-600);
  /*--- hover ---*/
  --neutral-link-hover-text: var(--neutral-700);
  /*--- active ---*/
  --neutral-link-active-text: var(--neutral-700);

  /* -- neutral dark -- */
  /*--- default ---*/
  --neutral-dark-link-text: var(--neutral-200);
  /*--- hover ---*/
  --neutral-dark-link-hover-text: var(--neutral-300);
  /*--- active ---*/
  --neutral-dark-link-active-text: var(--neutral-300);

  /* -- success light -- */
  /*--- default ---*/
  --success-link-text: var(--success-600);
  /*--- hover ---*/
  --success-link-hover-text: var(--success-700);
  /*--- active ---*/
  --success-link-active-text: var(--success-700);

  /* -- success dark -- */
  /*--- default ---*/
  --success-dark-link-text: var(--success-200);
  /*--- hover ---*/
  --success-dark-link-hover-text: var(--success-300);
  /*--- active ---*/
  --success-dark-link-active-text: var(--success-300);

  /* -- warning light -- */
  /*--- default ---*/
  --warning-link-text: var(--warning-600);
  /*--- hover ---*/
  --warning-link-hover-text: var(--warning-700);
  /*--- active ---*/
  --warning-link-active-text: var(--warning-700);

  /* -- warning dark -- */
  /*--- default ---*/
  --warning-dark-link-text: var(--warning-200);
  /*--- hover ---*/
  --warning-dark-link-hover-text: var(--warning-300);
  /*--- active ---*/
  --warning-dark-link-active-text: var(--warning-300);

  /* -- error light -- */
  /*--- default ---*/
  --error-link-text: var(--error-600);
  /*--- hover ---*/
  --error-link-hover-text: var(--error-700);
  /*--- active ---*/
  --error-link-active-text: var(--error-700);

  /* -- error dark -- */
  /*--- default ---*/
  --error-dark-link-text: var(--error-200);
  /*--- hover ---*/
  --error-dark-link-hover-text: var(--error-300);
  /*--- active ---*/
  --error-dark-link-active-text: var(--error-300);

  /* -- info light -- */
  /*--- default ---*/
  --info-link-text: var(--info-600);
  /*--- hover ---*/
  --info-link-hover-text: var(--info-700);
  /*--- active ---*/
  --info-link-active-text: var(--info-700);

  /* -- info dark -- */
  /*--- default ---*/
  --info-dark-link-text: var(--info-200);
  /*--- hover ---*/
  --info-dark-link-hover-text: var(--info-300);
  /*--- active ---*/
  --info-dark-link-active-text: var(--info-300);


  /* --------------------------------- Tabs --------------------------------- */

  /* -- brand light -- */
  /*--- default ---*/
  --brand-teal-tab-default-bg: var(--color-900);
  --brand-teal-tab-default-text: var(--color-200);
  --brand-teal-tab-default-border: var(--color-900);
  /*--- hover ---*/
  --brand-teal-tab-hover-bg: var(--color-800);
  --brand-teal-tab-hover-text: var(--color-200);
  --brand-teal-tab-hover-border: var(--color-800);
  /*--- active ---*/
  --brand-teal-tab-active-bg: var(--color-800);
  --brand-teal-tab-active-text: var(--color-200);
  --brand-teal-tab-active-border: var(--color-800);
  /*--- disabled ---*/
  --brand-teal-tab-disabled-bg: var(--color-900);
  --brand-teal-tab-disabled-text: var(--color-200);
  --brand-teal-tab-disabled-border: var(--color-900);

  /* -- brand dark -- */
  /*--- default ---*/
  --brand-teal-dark-tab-default-bg: transparent;
  --brand-teal-dark-tab-default-text: var(--color-600);
  --brand-teal-dark-tab-default-border: transparent;
  /*--- hover ---*/
  --brand-teal-dark-tab-hover-bg: var(--color-800);
  --brand-teal-dark-tab-hover-text: var(--color-white);
  --brand-teal-dark-tab-hover-border: var(--color-100);
  /*--- active ---*/
  --brand-teal-dark-tab-active-bg: var(--color-500);
  --brand-teal-dark-tab-active-text: var(--color-white);
  --brand-teal-dark-tab-active-border: var(--color-500);
  /*--- disabled ---*/
  --brand-teal-dark-tab-disabled-bg: transparent;
  --brand-teal-dark-tab-disabled-text: var(--color-600);
  --brand-teal-dark-tab-disabled-border: transparent;

  /* -- neutral light -- */
  /*--- default ---*/
  --neutral-tab-default-bg: var(--neutral-900);
  --neutral-tab-default-text: var(--neutral-200);
  --neutral-tab-default-border: var(--neutral-900);
  /*--- hover ---*/
  --neutral-tab-hover-bg: var(--neutral-800);
  --neutral-tab-hover-text: var(--neutral-200);
  --neutral-tab-hover-border: var(--neutral-800);
  /*--- active ---*/
  --neutral-tab-active-bg: var(--neutral-800);
  --neutral-tab-active-text: var(--neutral-200);
  --neutral-tab-active-border: var(--neutral-800);
  /*--- disabled ---*/
  --neutral-tab-disabled-bg: var(--neutral-900);
  --neutral-tab-disabled-text: var(--neutral-200);
  --neutral-tab-disabled-border: var(--neutral-900);

  /* -- neutral dark -- */
  /*--- default ---*/
  --neutral-dark-tab-default-bg: transparent;
  --neutral-dark-tab-default-text: var(--neutral-600);
  --neutral-dark-tab-default-border: transparent;
  /*--- hover ---*/
  --neutral-dark-tab-hover-bg: var(--neutral-800);
  --neutral-dark-tab-hover-text: var(--neutral-white);
  --neutral-dark-tab-hover-border: var(--neutral-100);
  /*--- active ---*/
  --neutral-dark-tab-active-bg: var(--neutral-500);
  --neutral-dark-tab-active-text: var(--neutral-white);
  --neutral-dark-tab-active-border: var(--neutral-500);
  /*--- disabled ---*/
  --neutral-dark-tab-disabled-bg: transparent;
  --neutral-dark-tab-disabled-text: var(--neutral-600);
  --neutral-dark-tab-disabled-border: transparent;

  /* -- success light -- */
  /*--- default ---*/
  --success-tab-default-bg: var(--success-900);
  --success-tab-default-text: var(--success-200);
  --success-tab-default-border: var(--success-900);
  /*--- hover ---*/
  --success-tab-hover-bg: var(--success-800);
  --success-tab-hover-text: var(--success-200);
  --success-tab-hover-border: var(--success-800);
  /*--- active ---*/
  --success-tab-active-bg: var(--success-800);
  --success-tab-active-text: var(--success-200);
  --success-tab-active-border: var(--success-800);
  /*--- disabled ---*/
  --success-tab-disabled-bg: var(--success-900);
  --success-tab-disabled-text: var(--success-200);
  --success-tab-disabled-border: var(--success-900);

  /* -- success dark -- */
  /*--- default ---*/
  --success-dark-tab-default-bg: transparent;
  --success-dark-tab-default-text: var(--success-600);
  --success-dark-tab-default-border: transparent;
  /*--- hover ---*/
  --success-dark-tab-hover-bg: var(--success-800);
  --success-dark-tab-hover-text: var(--success-white);
  --success-dark-tab-hover-border: var(--success-100);
  /*--- active ---*/
  --success-dark-tab-active-bg: var(--success-500);
  --success-dark-tab-active-text: var(--success-white);
  --success-dark-tab-active-border: var(--success-500);
  /*--- disabled ---*/
  --success-dark-tab-disabled-bg: transparent;
  --success-dark-tab-disabled-text: var(--success-600);
  --success-dark-tab-disabled-border: transparent;

  /* -- warning light -- */
  /*--- default ---*/
  --warning-tab-default-bg: var(--warning-900);
  --warning-tab-default-text: var(--warning-200);
  --warning-tab-default-border: var(--warning-900);
  /*--- hover ---*/
  --warning-tab-hover-bg: var(--warning-800);
  --warning-tab-hover-text: var(--warning-200);
  --warning-tab-hover-border: var(--warning-800);
  /*--- active ---*/
  --warning-tab-active-bg: var(--warning-800);
  --warning-tab-active-text: var(--warning-200);
  --warning-tab-active-border: var(--warning-800);
  /*--- disabled ---*/
  --warning-tab-disabled-bg: var(--warning-900);
  --warning-tab-disabled-text: var(--warning-200);
  --warning-tab-disabled-border: var(--warning-900);

  /* -- warning dark -- */
  /*--- default ---*/
  --warning-dark-tab-default-bg: transparent;
  --warning-dark-tab-default-text: var(--warning-600);
  --warning-dark-tab-default-border: transparent;
  /*--- hover ---*/
  --warning-dark-tab-hover-bg: var(--warning-800);
  --warning-dark-tab-hover-text: var(--warning-white);
  --warning-dark-tab-hover-border: var(--warning-100);
  /*--- active ---*/
  --warning-dark-tab-active-bg: var(--warning-500);
  --warning-dark-tab-active-text: var(--warning-white);
  --warning-dark-tab-active-border: var(--warning-500);
  /*--- disabled ---*/
  --warning-dark-tab-disabled-bg: transparent;
  --warning-dark-tab-disabled-text: var(--warning-600);
  --warning-dark-tab-disabled-border: transparent;

  /* -- error light -- */
  /*--- default ---*/
  --error-tab-default-bg: var(--error-900);
  --error-tab-default-text: var(--error-200);
  --error-tab-default-border: var(--error-900);
  /*--- hover ---*/
  --error-tab-hover-bg: var(--error-800);
  --error-tab-hover-text: var(--error-200);
  --error-tab-hover-border: var(--error-800);
  /*--- active ---*/
  --error-tab-active-bg: var(--error-800);
  --error-tab-active-text: var(--error-200);
  --error-tab-active-border: var(--error-800);
  /*--- disabled ---*/
  --error-tab-disabled-bg: var(--error-900);
  --error-tab-disabled-text: var(--error-200);
  --error-tab-disabled-border: var(--error-900);

  /* -- error dark -- */
  /*--- default ---*/
  --error-dark-tab-default-bg: transparent;
  --error-dark-tab-default-text: var(--error-600);
  --error-dark-tab-default-border: transparent;
  /*--- hover ---*/
  --error-dark-tab-hover-bg: var(--error-800);
  --error-dark-tab-hover-text: var(--error-white);
  --error-dark-tab-hover-border: var(--error-100);
  /*--- active ---*/
  --error-dark-tab-active-bg: var(--error-500);
  --error-dark-tab-active-text: var(--error-white);
  --error-dark-tab-active-border: var(--error-500);
  /*--- disabled ---*/
  --error-dark-tab-disabled-bg: transparent;
  --error-dark-tab-disabled-text: var(--error-600);
  --error-dark-tab-disabled-border: transparent;

  /* -- info light -- */
  /*--- default ---*/
  --info-tab-default-bg: var(--info-900);
  --info-tab-default-text: var(--info-200);
  --info-tab-default-border: var(--info-900);
  /*--- hover ---*/
  --info-tab-hover-bg: var(--info-800);
  --info-tab-hover-text: var(--info-200);
  --info-tab-hover-border: var(--info-800);
  /*--- active ---*/
  --info-tab-active-bg: var(--info-800);
  --info-tab-active-text: var(--info-200);
  --info-tab-active-border: var(--info-800);
  /*--- disabled ---*/
  --info-tab-disabled-bg: var(--info-900);
  --info-tab-disabled-text: var(--info-200);
  --info-tab-disabled-border: var(--info-900);

  /* -- info dark -- */
  /*--- default ---*/
  --info-dark-tab-default-bg: transparent;
  --info-dark-tab-default-text: var(--info-600);
  --info-dark-tab-default-border: transparent;
  /*--- hover ---*/
  --info-dark-tab-hover-bg: var(--info-800);
  --info-dark-tab-hover-text: var(--info-white);
  --info-dark-tab-hover-border: var(--info-100);
  /*--- active ---*/
  --info-dark-tab-active-bg: var(--info-500);
  --info-dark-tab-active-text: var(--info-white);
  --info-dark-tab-active-border: var(--info-500);
  /*--- disabled ---*/
  --info-dark-tab-disabled-bg: transparent;
  --info-dark-tab-disabled-text: var(--info-600);
  --info-dark-tab-disabled-border: transparent;


  /* --------------------------------- Inputs --------------------------------- */

  /* -- brand light -- */
  /*--- default ---*/
  --brand-teal-input-default-border: var(--color-700);
  --brand-teal-input-default-bg: var(--color-white);
  --brand-teal-input-default-text: var(--color-700);
  --brand-teal-input-default-placeholder: var(--color-700);
  /*--- hover ---*/
  --brand-teal-input-hover-border: var(--color-600);
  --brand-teal-input-hover-bg: var(--color-white);
  --brand-teal-input-hover-text: var(--color-600);
  /*--- active ---*/
  --brand-teal-input-active-border: var(--color-600);
  --brand-teal-input-active-bg: var(--color-white);
  --brand-teal-input-active-text: var(--color-600);
  /*--- disabled ---*/
  --brand-teal-input-disabled-border: var(--color-700);
  --brand-teal-input-disabled-bg: var(--color-white);
  --brand-teal-input-disabled-text: var(--color-700);

  /* -- brand dark -- */
  /*--- default ---*/
  --brand-teal-dark-input-default-border: var(--color-700);
  --brand-teal-dark-input-default-bg: var(--color-950);
  --brand-teal-dark-input-default-text: var(--color-white);
  --brand-teal-dark-input-default-placeholder: var(--color-white);
  /*--- hover ---*/
  --brand-teal-dark-input-hover-border: var(--color-500);
  --brand-teal-dark-input-hover-bg: var(--color-900);
  --brand-teal-dark-input-hover-text: var(--color-200);
  /*--- active ---*/
  --brand-teal-dark-input-active-border: var(--color-500);
  --brand-teal-dark-input-active-bg: var(--color-900);
  --brand-teal-dark-input-active-text: var(--color-200);
  /*--- disabled ---*/
  --brand-teal-dark-input-disabled-border: var(--color-700);
  --brand-teal-dark-input-disabled-bg: var(--color-950);
  --brand-teal-dark-input-disabled-text: var(--color-white);

  /* -- neutral light -- */
  /*--- default ---*/
  --neutral-input-default-border: var(--neutral-700);
  --neutral-input-default-bg: var(--neutral-white);
  --neutral-input-default-text: var(--neutral-700);
  --neutral-input-default-placeholder: var(--neutral-700);
  /*--- hover ---*/
  --neutral-input-hover-border: var(--neutral-600);
  --neutral-input-hover-bg: var(--neutral-white);
  --neutral-input-hover-text: var(--neutral-600);
  /*--- active ---*/
  --neutral-input-active-border: var(--neutral-600);
  --neutral-input-active-bg: var(--neutral-white);
  --neutral-input-active-text: var(--neutral-600);
  /*--- disabled ---*/
  --neutral-input-disabled-border: var(--neutral-700);
  --neutral-input-disabled-bg: var(--neutral-white);
  --neutral-input-disabled-text: var(--neutral-700);

  /* -- neutral dark -- */
  /*--- default ---*/
  --neutral-dark-input-default-border: var(--neutral-700);
  --neutral-dark-input-default-bg: var(--neutral-950);
  --neutral-dark-input-default-text: var(--neutral-white);
  --neutral-dark-input-default-placeholder: var(--neutral-white);
  /*--- hover ---*/
  --neutral-dark-input-hover-border: var(--neutral-500);
  --neutral-dark-input-hover-bg: var(--neutral-900);
  --neutral-dark-input-hover-text: var(--neutral-200);
  /*--- active ---*/
  --neutral-dark-input-active-border: var(--neutral-500);
  --neutral-dark-input-active-bg: var(--neutral-900);
  --neutral-dark-input-active-text: var(--neutral-200);
  /*--- disabled ---*/
  --neutral-dark-input-disabled-border: var(--neutral-700);
  --neutral-dark-input-disabled-bg: var(--neutral-950);
  --neutral-dark-input-disabled-text: var(--neutral-white);

  /* -- success light -- */
  /*--- default ---*/
  --success-input-default-border: var(--success-700);
  --success-input-default-bg: var(--success-white);
  --success-input-default-text: var(--success-700);
  --success-input-default-placeholder: var(--success-700);
  /*--- hover ---*/
  --success-input-hover-border: var(--success-600);
  --success-input-hover-bg: var(--success-white);
  --success-input-hover-text: var(--success-600);
  /*--- active ---*/
  --success-input-active-border: var(--success-600);
  --success-input-active-bg: var(--success-white);
  --success-input-active-text: var(--success-600);
  /*--- disabled ---*/
  --success-input-disabled-border: var(--success-700);
  --success-input-disabled-bg: var(--success-white);
  --success-input-disabled-text: var(--success-700);

  /* -- success dark -- */
  /*--- default ---*/
  --success-dark-input-default-border: var(--success-700);
  --success-dark-input-default-bg: var(--success-950);
  --success-dark-input-default-text: var(--success-white);
  --success-dark-input-default-placeholder: var(--success-white);
  /*--- hover ---*/
  --success-dark-input-hover-border: var(--success-500);
  --success-dark-input-hover-bg: var(--success-900);
  --success-dark-input-hover-text: var(--success-200);
  /*--- active ---*/
  --success-dark-input-active-border: var(--success-500);
  --success-dark-input-active-bg: var(--success-900);
  --success-dark-input-active-text: var(--success-200);
  /*--- disabled ---*/
  --success-dark-input-disabled-border: var(--success-700);
  --success-dark-input-disabled-bg: var(--success-950);
  --success-dark-input-disabled-text: var(--success-white);

  /* -- warning light -- */
  /*--- default ---*/
  --warning-input-default-border: var(--warning-700);
  --warning-input-default-bg: var(--warning-white);
  --warning-input-default-text: var(--warning-700);
  --warning-input-default-placeholder: var(--warning-700);
  /*--- hover ---*/
  --warning-input-hover-border: var(--warning-600);
  --warning-input-hover-bg: var(--warning-white);
  --warning-input-hover-text: var(--warning-600);
  /*--- active ---*/
  --warning-input-active-border: var(--warning-600);
  --warning-input-active-bg: var(--warning-white);
  --warning-input-active-text: var(--warning-600);
  /*--- disabled ---*/
  --warning-input-disabled-border: var(--warning-700);
  --warning-input-disabled-bg: var(--warning-white);
  --warning-input-disabled-text: var(--warning-700);

  /* -- warning dark -- */
  /*--- default ---*/
  --warning-dark-input-default-border: var(--warning-700);
  --warning-dark-input-default-bg: var(--warning-950);
  --warning-dark-input-default-text: var(--warning-white);
  --warning-dark-input-default-placeholder: var(--warning-white);
  /*--- hover ---*/
  --warning-dark-input-hover-border: var(--warning-500);
  --warning-dark-input-hover-bg: var(--warning-900);
  --warning-dark-input-hover-text: var(--warning-200);
  /*--- active ---*/
  --warning-dark-input-active-border: var(--warning-500);
  --warning-dark-input-active-bg: var(--warning-900);
  --warning-dark-input-active-text: var(--warning-200);
  /*--- disabled ---*/
  --warning-dark-input-disabled-border: var(--warning-700);
  --warning-dark-input-disabled-bg: var(--warning-950);
  --warning-dark-input-disabled-text: var(--warning-white);

  /* -- error light -- */
  /*--- default ---*/
  --error-input-default-border: var(--error-700);
  --error-input-default-bg: var(--error-white);
  --error-input-default-text: var(--error-700);
  --error-input-default-placeholder: var(--error-700);
  /*--- hover ---*/
  --error-input-hover-border: var(--error-600);
  --error-input-hover-bg: var(--error-white);
  --error-input-hover-text: var(--error-600);
  /*--- active ---*/
  --error-input-active-border: var(--error-600);
  --error-input-active-bg: var(--error-white);
  --error-input-active-text: var(--error-600);
  /*--- disabled ---*/
  --error-input-disabled-border: var(--error-700);
  --error-input-disabled-bg: var(--error-white);
  --error-input-disabled-text: var(--error-700);

  /* -- error dark -- */
  /*--- default ---*/
  --error-dark-input-default-border: var(--error-700);
  --error-dark-input-default-bg: var(--error-950);
  --error-dark-input-default-text: var(--error-white);
  --error-dark-input-default-placeholder: var(--error-white);
  /*--- hover ---*/
  --error-dark-input-hover-border: var(--error-500);
  --error-dark-input-hover-bg: var(--error-900);
  --error-dark-input-hover-text: var(--error-200);
  /*--- active ---*/
  --error-dark-input-active-border: var(--error-500);
  --error-dark-input-active-bg: var(--error-900);
  --error-dark-input-active-text: var(--error-200);
  /*--- disabled ---*/
  --error-dark-input-disabled-border: var(--error-700);
  --error-dark-input-disabled-bg: var(--error-950);
  --error-dark-input-disabled-text: var(--error-white);

  /* -- info light -- */
  /*--- default ---*/
  --info-input-default-border: var(--info-700);
  --info-input-default-bg: var(--info-white);
  --info-input-default-text: var(--info-700);
  --info-input-default-placeholder: var(--info-700);
  /*--- hover ---*/
  --info-input-hover-border: var(--info-600);
  --info-input-hover-bg: var(--info-white);
  --info-input-hover-text: var(--info-600);
  /*--- active ---*/
  --info-input-active-border: var(--info-600);
  --info-input-active-bg: var(--info-white);
  --info-input-active-text: var(--info-600);
  /*--- disabled ---*/
  --info-input-disabled-border: var(--info-700);
  --info-input-disabled-bg: var(--info-white);
  --info-input-disabled-text: var(--info-700);

  /* -- info dark -- */
  /*--- default ---*/
  --info-dark-input-default-border: var(--info-700);
  --info-dark-input-default-bg: var(--info-950);
  --info-dark-input-default-text: var(--info-white);
  --info-dark-input-default-placeholder: var(--info-white);
  /*--- hover ---*/
  --info-dark-input-hover-border: var(--info-500);
  --info-dark-input-hover-bg: var(--info-900);
  --info-dark-input-hover-text: var(--info-200);
  /*--- active ---*/
  --info-dark-input-active-border: var(--info-500);
  --info-dark-input-active-bg: var(--info-900);
  --info-dark-input-active-text: var(--info-200);
  /*--- disabled ---*/
  --info-dark-input-disabled-border: var(--info-700);
  --info-dark-input-disabled-bg: var(--info-950);
  --info-dark-input-disabled-text: var(--info-white);


  /* --------------------------------- Form Controls --------------------------------- */

  /* -- brand light -- */
  /*--- checkradio ---*/

    /*--- default ---*/
  --brand-teal-fc-checkradio-default-bg: var(--color-100);
  --brand-teal-fc-checkradio-default-border: var(--color-800);
  --brand-teal-fc-checkradio-default-indicator: var(--color-700);
  --brand-teal-fc-checkradio-default-text: var(--color-900);
  /*--- hover ---*/
  --brand-teal-fc-checkradio-hover-bg: var(--color-100);
  --brand-teal-fc-checkradio-hover-border: var(--color-400);
  --brand-teal-fc-checkradio-hover-indicator: var(--color-100);
  --brand-teal-fc-checkradio-hover-text: var(--color-900);
  /*--- active ---*/
  --brand-teal-fc-checkradio-active-bg: var(--color-500);
  --brand-teal-fc-checkradio-active-border: var(--color-500);
  --brand-teal-fc-checkradio-active-indicator: var(--color-white);
  --brand-teal-fc-checkradio-active-text: var(--color-900);
  /*--- disabled ---*/
  --brand-teal-fc-checkradio-disabled-bg: var(--color-100);
  --brand-teal-fc-checkradio-disabled-border: var(--color-200);
  --brand-teal-fc-checkradio-disabled-indicator: var(--color-100);
  --brand-teal-fc-checkradio-disabled-text: var(--color-300);
  /*--- switch ---*/

    /*--- default ---*/
  --brand-teal-fc-switch-default-bg: var(--color-100);
  --brand-teal-fc-switch-default-border: var(--color-800);
  --brand-teal-fc-switch-default-indicator: var(--color-700);
  --brand-teal-fc-switch-default-text: var(--color-900);
  /*--- hover ---*/
  --brand-teal-fc-switch-hover-bg: var(--color-400);
  --brand-teal-fc-switch-hover-border: var(--color-400);
  --brand-teal-fc-switch-hover-indicator: var(--color-white);
  --brand-teal-fc-switch-hover-text: var(--color-900);
  /*--- active ---*/
  --brand-teal-fc-switch-active-bg: var(--color-500);
  --brand-teal-fc-switch-active-border: var(--color-500);
  --brand-teal-fc-switch-active-indicator: var(--color-white);
  --brand-teal-fc-switch-active-text: var(--color-900);
  /*--- disabled ---*/
  --brand-teal-fc-switch-disabled-bg: var(--color-100);
  --brand-teal-fc-switch-disabled-border: var(--color-200);
  --brand-teal-fc-switch-disabled-indicator: var(--color-50);
  --brand-teal-fc-switch-disabled-text: var(--color-300);
  /*--- range ---*/

    /*--- default ---*/
  --brand-teal-fc-range-default-base: var(--color-100);
  --brand-teal-fc-range-default-bg: var(--color-800);
  --brand-teal-fc-range-default-border: var(--color-200);
  --brand-teal-fc-range-default-indicator: var(--color-800);
  --brand-teal-fc-range-default-text: var(--color-900);
  /*--- hover ---*/
  --brand-teal-fc-range-hover-base: var(--color-100);
  --brand-teal-fc-range-hover-bg: var(--color-300);
  --brand-teal-fc-range-hover-border: var(--color-300);
  --brand-teal-fc-range-hover-indicator: var(--color-300);
  --brand-teal-fc-range-hover-text: var(--color-900);
  /*--- active ---*/
  --brand-teal-fc-range-active-base: var(--color-100);
  --brand-teal-fc-range-active-bg: var(--color-500);
  --brand-teal-fc-range-active-border: var(--color-500);
  --brand-teal-fc-range-active-indicator: var(--color-500);
  --brand-teal-fc-range-active-text: var(--color-900);
  /*--- disabled ---*/
  --brand-teal-fc-range-disabled-base: var(--color-100);
  --brand-teal-fc-range-disabled-bg: var(--color-100);
  --brand-teal-fc-range-disabled-border: var(--color-200);
  --brand-teal-fc-range-disabled-indicator: var(--color-50);
  --brand-teal-fc-range-disabled-text: var(--color-300);

  /* -- brand dark -- */
  /*--- checkradio ---*/

    /*--- default ---*/
  --brand-teal-dark-fc-checkradio-default-bg: var(--color-950);
  --brand-teal-dark-fc-checkradio-default-border: var(--color-700);
  --brand-teal-dark-fc-checkradio-default-indicator: var(--color-100);
  --brand-teal-dark-fc-checkradio-default-text: var(--color-white);
  /*--- hover ---*/
  --brand-teal-dark-fc-checkradio-hover-bg: var(--color-900);
  --brand-teal-dark-fc-checkradio-hover-border: var(--color-400);
  --brand-teal-dark-fc-checkradio-hover-indicator: var(--color-100);
  --brand-teal-dark-fc-checkradio-hover-text: var(--color-white);
  /*--- active ---*/
  --brand-teal-dark-fc-checkradio-active-bg: var(--color-500);
  --brand-teal-dark-fc-checkradio-active-border: var(--color-500);
  --brand-teal-dark-fc-checkradio-active-indicator: var(--color-white);
  --brand-teal-dark-fc-checkradio-active-text: var(--color-white);
  /*--- disabled ---*/
  --brand-teal-dark-fc-checkradio-disabled-bg: var(--color-950);
  --brand-teal-dark-fc-checkradio-disabled-border: var(--color-700);
  --brand-teal-dark-fc-checkradio-disabled-indicator: var(--color-100);
  --brand-teal-dark-fc-checkradio-disabled-text: var(--color-white);
  /*--- switch ---*/

    /*--- default ---*/
  --brand-teal-dark-fc-switch-default-bg: var(--color-800);
  --brand-teal-dark-fc-switch-default-border: var(--color-800);
  --brand-teal-dark-fc-switch-default-indicator: var(--color-100);
  --brand-teal-dark-fc-switch-default-text: var(--color-white);
  /*--- hover ---*/
  --brand-teal-dark-fc-switch-hover-bg: var(--color-400);
  --brand-teal-dark-fc-switch-hover-border: var(--color-400);
  --brand-teal-dark-fc-switch-hover-indicator: var(--color-white);
  --brand-teal-dark-fc-switch-hover-text: var(--color-white);
  /*--- active ---*/
  --brand-teal-dark-fc-switch-active-bg: var(--color-500);
  --brand-teal-dark-fc-switch-active-border: var(--color-500);
  --brand-teal-dark-fc-switch-active-indicator: var(--color-white);
  --brand-teal-dark-fc-switch-active-text: var(--color-white);
  /*--- disabled ---*/
  --brand-teal-dark-fc-switch-disabled-bg: var(--color-800);
  --brand-teal-dark-fc-switch-disabled-border: var(--color-800);
  --brand-teal-dark-fc-switch-disabled-indicator: var(--color-100);
  --brand-teal-dark-fc-switch-disabled-text: var(--color-white);
  /*--- range ---*/

    /*--- default ---*/
  --brand-teal-dark-fc-range-default-base: var(--color-950);
  --brand-teal-dark-fc-range-default-bg: var(--color-700);
  --brand-teal-dark-fc-range-default-border: var(--color-700);
  --brand-teal-dark-fc-range-default-indicator: var(--color-200);
  --brand-teal-dark-fc-range-default-text: var(--color-white);
  /*--- hover ---*/
  --brand-teal-dark-fc-range-hover-base: var(--color-900);
  --brand-teal-dark-fc-range-hover-bg: var(--color-400);
  --brand-teal-dark-fc-range-hover-border: var(--color-400);
  --brand-teal-dark-fc-range-hover-indicator: var(--color-white);
  --brand-teal-dark-fc-range-hover-text: var(--color-white);
  /*--- active ---*/
  --brand-teal-dark-fc-range-active-base: var(--color-800);
  --brand-teal-dark-fc-range-active-bg: var(--color-500);
  --brand-teal-dark-fc-range-active-border: var(--color-500);
  --brand-teal-dark-fc-range-active-indicator: var(--color-white);
  --brand-teal-dark-fc-range-active-text: var(--color-white);
  /*--- disabled ---*/
  --brand-teal-dark-fc-range-disabled-base: var(--color-950);
  --brand-teal-dark-fc-range-disabled-bg: var(--color-700);
  --brand-teal-dark-fc-range-disabled-border: var(--color-700);
  --brand-teal-dark-fc-range-disabled-indicator: var(--color-200);
  --brand-teal-dark-fc-range-disabled-text: var(--color-white);

  /* -- neutral light -- */
  /*--- checkradio ---*/

    /*--- default ---*/
  --neutral-fc-checkradio-default-bg: var(--neutral-100);
  --neutral-fc-checkradio-default-border: var(--neutral-800);
  --neutral-fc-checkradio-default-indicator: var(--neutral-700);
  --neutral-fc-checkradio-default-text: var(--neutral-900);
  /*--- hover ---*/
  --neutral-fc-checkradio-hover-bg: var(--neutral-100);
  --neutral-fc-checkradio-hover-border: var(--neutral-400);
  --neutral-fc-checkradio-hover-indicator: var(--neutral-100);
  --neutral-fc-checkradio-hover-text: var(--neutral-900);
  /*--- active ---*/
  --neutral-fc-checkradio-active-bg: var(--neutral-500);
  --neutral-fc-checkradio-active-border: var(--neutral-500);
  --neutral-fc-checkradio-active-indicator: var(--neutral-white);
  --neutral-fc-checkradio-active-text: var(--neutral-900);
  /*--- disabled ---*/
  --neutral-fc-checkradio-disabled-bg: var(--neutral-100);
  --neutral-fc-checkradio-disabled-border: var(--neutral-200);
  --neutral-fc-checkradio-disabled-indicator: var(--neutral-100);
  --neutral-fc-checkradio-disabled-text: var(--neutral-300);
  /*--- switch ---*/

    /*--- default ---*/
  --neutral-fc-switch-default-bg: var(--neutral-100);
  --neutral-fc-switch-default-border: var(--neutral-800);
  --neutral-fc-switch-default-indicator: var(--neutral-700);
  --neutral-fc-switch-default-text: var(--neutral-900);
  /*--- hover ---*/
  --neutral-fc-switch-hover-bg: var(--neutral-400);
  --neutral-fc-switch-hover-border: var(--neutral-400);
  --neutral-fc-switch-hover-indicator: var(--neutral-white);
  --neutral-fc-switch-hover-text: var(--neutral-900);
  /*--- active ---*/
  --neutral-fc-switch-active-bg: var(--neutral-500);
  --neutral-fc-switch-active-border: var(--neutral-500);
  --neutral-fc-switch-active-indicator: var(--neutral-white);
  --neutral-fc-switch-active-text: var(--neutral-900);
  /*--- disabled ---*/
  --neutral-fc-switch-disabled-bg: var(--neutral-100);
  --neutral-fc-switch-disabled-border: var(--neutral-200);
  --neutral-fc-switch-disabled-indicator: var(--neutral-50);
  --neutral-fc-switch-disabled-text: var(--neutral-300);
  /*--- range ---*/

    /*--- default ---*/
  --neutral-fc-range-default-base: var(--neutral-100);
  --neutral-fc-range-default-bg: var(--neutral-800);
  --neutral-fc-range-default-border: var(--neutral-200);
  --neutral-fc-range-default-indicator: var(--neutral-800);
  --neutral-fc-range-default-text: var(--neutral-900);
  /*--- hover ---*/
  --neutral-fc-range-hover-base: var(--neutral-100);
  --neutral-fc-range-hover-bg: var(--neutral-300);
  --neutral-fc-range-hover-border: var(--neutral-300);
  --neutral-fc-range-hover-indicator: var(--neutral-300);
  --neutral-fc-range-hover-text: var(--neutral-900);
  /*--- active ---*/
  --neutral-fc-range-active-base: var(--neutral-100);
  --neutral-fc-range-active-bg: var(--neutral-500);
  --neutral-fc-range-active-border: var(--neutral-500);
  --neutral-fc-range-active-indicator: var(--neutral-500);
  --neutral-fc-range-active-text: var(--neutral-900);
  /*--- disabled ---*/
  --neutral-fc-range-disabled-base: var(--neutral-100);
  --neutral-fc-range-disabled-bg: var(--neutral-100);
  --neutral-fc-range-disabled-border: var(--neutral-200);
  --neutral-fc-range-disabled-indicator: var(--neutral-50);
  --neutral-fc-range-disabled-text: var(--neutral-300);

  /* -- neutral dark -- */
  /*--- checkradio ---*/

    /*--- default ---*/
  --neutral-dark-fc-checkradio-default-bg: var(--neutral-950);
  --neutral-dark-fc-checkradio-default-border: var(--neutral-700);
  --neutral-dark-fc-checkradio-default-indicator: var(--neutral-100);
  --neutral-dark-fc-checkradio-default-text: var(--neutral-white);
  /*--- hover ---*/
  --neutral-dark-fc-checkradio-hover-bg: var(--neutral-900);
  --neutral-dark-fc-checkradio-hover-border: var(--neutral-400);
  --neutral-dark-fc-checkradio-hover-indicator: var(--neutral-100);
  --neutral-dark-fc-checkradio-hover-text: var(--neutral-white);
  /*--- active ---*/
  --neutral-dark-fc-checkradio-active-bg: var(--neutral-500);
  --neutral-dark-fc-checkradio-active-border: var(--neutral-500);
  --neutral-dark-fc-checkradio-active-indicator: var(--neutral-white);
  --neutral-dark-fc-checkradio-active-text: var(--neutral-white);
  /*--- disabled ---*/
  --neutral-dark-fc-checkradio-disabled-bg: var(--neutral-950);
  --neutral-dark-fc-checkradio-disabled-border: var(--neutral-700);
  --neutral-dark-fc-checkradio-disabled-indicator: var(--neutral-100);
  --neutral-dark-fc-checkradio-disabled-text: var(--neutral-white);
  /*--- switch ---*/

    /*--- default ---*/
  --neutral-dark-fc-switch-default-bg: var(--neutral-800);
  --neutral-dark-fc-switch-default-border: var(--neutral-800);
  --neutral-dark-fc-switch-default-indicator: var(--neutral-100);
  --neutral-dark-fc-switch-default-text: var(--neutral-white);
  /*--- hover ---*/
  --neutral-dark-fc-switch-hover-bg: var(--neutral-400);
  --neutral-dark-fc-switch-hover-border: var(--neutral-400);
  --neutral-dark-fc-switch-hover-indicator: var(--neutral-white);
  --neutral-dark-fc-switch-hover-text: var(--neutral-white);
  /*--- active ---*/
  --neutral-dark-fc-switch-active-bg: var(--neutral-500);
  --neutral-dark-fc-switch-active-border: var(--neutral-500);
  --neutral-dark-fc-switch-active-indicator: var(--neutral-white);
  --neutral-dark-fc-switch-active-text: var(--neutral-white);
  /*--- disabled ---*/
  --neutral-dark-fc-switch-disabled-bg: var(--neutral-800);
  --neutral-dark-fc-switch-disabled-border: var(--neutral-800);
  --neutral-dark-fc-switch-disabled-indicator: var(--neutral-100);
  --neutral-dark-fc-switch-disabled-text: var(--neutral-white);
  /*--- range ---*/

    /*--- default ---*/
  --neutral-dark-fc-range-default-base: var(--neutral-950);
  --neutral-dark-fc-range-default-bg: var(--neutral-700);
  --neutral-dark-fc-range-default-border: var(--neutral-700);
  --neutral-dark-fc-range-default-indicator: var(--neutral-200);
  --neutral-dark-fc-range-default-text: var(--neutral-white);
  /*--- hover ---*/
  --neutral-dark-fc-range-hover-base: var(--neutral-900);
  --neutral-dark-fc-range-hover-bg: var(--neutral-400);
  --neutral-dark-fc-range-hover-border: var(--neutral-400);
  --neutral-dark-fc-range-hover-indicator: var(--neutral-white);
  --neutral-dark-fc-range-hover-text: var(--neutral-white);
  /*--- active ---*/
  --neutral-dark-fc-range-active-base: var(--neutral-800);
  --neutral-dark-fc-range-active-bg: var(--neutral-500);
  --neutral-dark-fc-range-active-border: var(--neutral-500);
  --neutral-dark-fc-range-active-indicator: var(--neutral-white);
  --neutral-dark-fc-range-active-text: var(--neutral-white);
  /*--- disabled ---*/
  --neutral-dark-fc-range-disabled-base: var(--neutral-950);
  --neutral-dark-fc-range-disabled-bg: var(--neutral-700);
  --neutral-dark-fc-range-disabled-border: var(--neutral-700);
  --neutral-dark-fc-range-disabled-indicator: var(--neutral-200);
  --neutral-dark-fc-range-disabled-text: var(--neutral-white);

  /* -- success light -- */
  /*--- checkradio ---*/

    /*--- default ---*/
  --success-fc-checkradio-default-bg: var(--success-100);
  --success-fc-checkradio-default-border: var(--success-800);
  --success-fc-checkradio-default-indicator: var(--success-700);
  --success-fc-checkradio-default-text: var(--success-900);
  /*--- hover ---*/
  --success-fc-checkradio-hover-bg: var(--success-100);
  --success-fc-checkradio-hover-border: var(--success-400);
  --success-fc-checkradio-hover-indicator: var(--success-100);
  --success-fc-checkradio-hover-text: var(--success-900);
  /*--- active ---*/
  --success-fc-checkradio-active-bg: var(--success-500);
  --success-fc-checkradio-active-border: var(--success-500);
  --success-fc-checkradio-active-indicator: var(--success-white);
  --success-fc-checkradio-active-text: var(--success-900);
  /*--- disabled ---*/
  --success-fc-checkradio-disabled-bg: var(--success-100);
  --success-fc-checkradio-disabled-border: var(--success-200);
  --success-fc-checkradio-disabled-indicator: var(--success-100);
  --success-fc-checkradio-disabled-text: var(--success-300);
  /*--- switch ---*/

    /*--- default ---*/
  --success-fc-switch-default-bg: var(--success-100);
  --success-fc-switch-default-border: var(--success-800);
  --success-fc-switch-default-indicator: var(--success-700);
  --success-fc-switch-default-text: var(--success-900);
  /*--- hover ---*/
  --success-fc-switch-hover-bg: var(--success-400);
  --success-fc-switch-hover-border: var(--success-400);
  --success-fc-switch-hover-indicator: var(--success-white);
  --success-fc-switch-hover-text: var(--success-900);
  /*--- active ---*/
  --success-fc-switch-active-bg: var(--success-500);
  --success-fc-switch-active-border: var(--success-500);
  --success-fc-switch-active-indicator: var(--success-white);
  --success-fc-switch-active-text: var(--success-900);
  /*--- disabled ---*/
  --success-fc-switch-disabled-bg: var(--success-100);
  --success-fc-switch-disabled-border: var(--success-200);
  --success-fc-switch-disabled-indicator: var(--success-50);
  --success-fc-switch-disabled-text: var(--success-300);
  /*--- range ---*/

    /*--- default ---*/
  --success-fc-range-default-base: var(--success-100);
  --success-fc-range-default-bg: var(--success-800);
  --success-fc-range-default-border: var(--success-200);
  --success-fc-range-default-indicator: var(--success-800);
  --success-fc-range-default-text: var(--success-900);
  /*--- hover ---*/
  --success-fc-range-hover-base: var(--success-100);
  --success-fc-range-hover-bg: var(--success-300);
  --success-fc-range-hover-border: var(--success-300);
  --success-fc-range-hover-indicator: var(--success-300);
  --success-fc-range-hover-text: var(--success-900);
  /*--- active ---*/
  --success-fc-range-active-base: var(--success-100);
  --success-fc-range-active-bg: var(--success-500);
  --success-fc-range-active-border: var(--success-500);
  --success-fc-range-active-indicator: var(--success-500);
  --success-fc-range-active-text: var(--success-900);
  /*--- disabled ---*/
  --success-fc-range-disabled-base: var(--success-100);
  --success-fc-range-disabled-bg: var(--success-100);
  --success-fc-range-disabled-border: var(--success-200);
  --success-fc-range-disabled-indicator: var(--success-50);
  --success-fc-range-disabled-text: var(--success-300);

  /* -- success dark -- */
  /*--- checkradio ---*/

    /*--- default ---*/
  --success-dark-fc-checkradio-default-bg: var(--success-950);
  --success-dark-fc-checkradio-default-border: var(--success-700);
  --success-dark-fc-checkradio-default-indicator: var(--success-100);
  --success-dark-fc-checkradio-default-text: var(--success-white);
  /*--- hover ---*/
  --success-dark-fc-checkradio-hover-bg: var(--success-900);
  --success-dark-fc-checkradio-hover-border: var(--success-400);
  --success-dark-fc-checkradio-hover-indicator: var(--success-100);
  --success-dark-fc-checkradio-hover-text: var(--success-white);
  /*--- active ---*/
  --success-dark-fc-checkradio-active-bg: var(--success-500);
  --success-dark-fc-checkradio-active-border: var(--success-500);
  --success-dark-fc-checkradio-active-indicator: var(--success-white);
  --success-dark-fc-checkradio-active-text: var(--success-white);
  /*--- disabled ---*/
  --success-dark-fc-checkradio-disabled-bg: var(--success-950);
  --success-dark-fc-checkradio-disabled-border: var(--success-700);
  --success-dark-fc-checkradio-disabled-indicator: var(--success-100);
  --success-dark-fc-checkradio-disabled-text: var(--success-white);
  /*--- switch ---*/

    /*--- default ---*/
  --success-dark-fc-switch-default-bg: var(--success-800);
  --success-dark-fc-switch-default-border: var(--success-800);
  --success-dark-fc-switch-default-indicator: var(--success-100);
  --success-dark-fc-switch-default-text: var(--success-white);
  /*--- hover ---*/
  --success-dark-fc-switch-hover-bg: var(--success-400);
  --success-dark-fc-switch-hover-border: var(--success-400);
  --success-dark-fc-switch-hover-indicator: var(--success-white);
  --success-dark-fc-switch-hover-text: var(--success-white);
  /*--- active ---*/
  --success-dark-fc-switch-active-bg: var(--success-500);
  --success-dark-fc-switch-active-border: var(--success-500);
  --success-dark-fc-switch-active-indicator: var(--success-white);
  --success-dark-fc-switch-active-text: var(--success-white);
  /*--- disabled ---*/
  --success-dark-fc-switch-disabled-bg: var(--success-800);
  --success-dark-fc-switch-disabled-border: var(--success-800);
  --success-dark-fc-switch-disabled-indicator: var(--success-100);
  --success-dark-fc-switch-disabled-text: var(--success-white);
  /*--- range ---*/

    /*--- default ---*/
  --success-dark-fc-range-default-base: var(--success-950);
  --success-dark-fc-range-default-bg: var(--success-700);
  --success-dark-fc-range-default-border: var(--success-700);
  --success-dark-fc-range-default-indicator: var(--success-200);
  --success-dark-fc-range-default-text: var(--success-white);
  /*--- hover ---*/
  --success-dark-fc-range-hover-base: var(--success-900);
  --success-dark-fc-range-hover-bg: var(--success-400);
  --success-dark-fc-range-hover-border: var(--success-400);
  --success-dark-fc-range-hover-indicator: var(--success-white);
  --success-dark-fc-range-hover-text: var(--success-white);
  /*--- active ---*/
  --success-dark-fc-range-active-base: var(--success-800);
  --success-dark-fc-range-active-bg: var(--success-500);
  --success-dark-fc-range-active-border: var(--success-500);
  --success-dark-fc-range-active-indicator: var(--success-white);
  --success-dark-fc-range-active-text: var(--success-white);
  /*--- disabled ---*/
  --success-dark-fc-range-disabled-base: var(--success-950);
  --success-dark-fc-range-disabled-bg: var(--success-700);
  --success-dark-fc-range-disabled-border: var(--success-700);
  --success-dark-fc-range-disabled-indicator: var(--success-200);
  --success-dark-fc-range-disabled-text: var(--success-white);

  /* -- warning light -- */
  /*--- checkradio ---*/

    /*--- default ---*/
  --warning-fc-checkradio-default-bg: var(--warning-100);
  --warning-fc-checkradio-default-border: var(--warning-800);
  --warning-fc-checkradio-default-indicator: var(--warning-700);
  --warning-fc-checkradio-default-text: var(--warning-900);
  /*--- hover ---*/
  --warning-fc-checkradio-hover-bg: var(--warning-100);
  --warning-fc-checkradio-hover-border: var(--warning-400);
  --warning-fc-checkradio-hover-indicator: var(--warning-100);
  --warning-fc-checkradio-hover-text: var(--warning-900);
  /*--- active ---*/
  --warning-fc-checkradio-active-bg: var(--warning-500);
  --warning-fc-checkradio-active-border: var(--warning-500);
  --warning-fc-checkradio-active-indicator: var(--warning-white);
  --warning-fc-checkradio-active-text: var(--warning-900);
  /*--- disabled ---*/
  --warning-fc-checkradio-disabled-bg: var(--warning-100);
  --warning-fc-checkradio-disabled-border: var(--warning-200);
  --warning-fc-checkradio-disabled-indicator: var(--warning-100);
  --warning-fc-checkradio-disabled-text: var(--warning-300);
  /*--- switch ---*/

    /*--- default ---*/
  --warning-fc-switch-default-bg: var(--warning-100);
  --warning-fc-switch-default-border: var(--warning-800);
  --warning-fc-switch-default-indicator: var(--warning-700);
  --warning-fc-switch-default-text: var(--warning-900);
  /*--- hover ---*/
  --warning-fc-switch-hover-bg: var(--warning-400);
  --warning-fc-switch-hover-border: var(--warning-400);
  --warning-fc-switch-hover-indicator: var(--warning-white);
  --warning-fc-switch-hover-text: var(--warning-900);
  /*--- active ---*/
  --warning-fc-switch-active-bg: var(--warning-500);
  --warning-fc-switch-active-border: var(--warning-500);
  --warning-fc-switch-active-indicator: var(--warning-white);
  --warning-fc-switch-active-text: var(--warning-900);
  /*--- disabled ---*/
  --warning-fc-switch-disabled-bg: var(--warning-100);
  --warning-fc-switch-disabled-border: var(--warning-200);
  --warning-fc-switch-disabled-indicator: var(--warning-50);
  --warning-fc-switch-disabled-text: var(--warning-300);
  /*--- range ---*/

    /*--- default ---*/
  --warning-fc-range-default-base: var(--warning-100);
  --warning-fc-range-default-bg: var(--warning-800);
  --warning-fc-range-default-border: var(--warning-200);
  --warning-fc-range-default-indicator: var(--warning-800);
  --warning-fc-range-default-text: var(--warning-900);
  /*--- hover ---*/
  --warning-fc-range-hover-base: var(--warning-100);
  --warning-fc-range-hover-bg: var(--warning-300);
  --warning-fc-range-hover-border: var(--warning-300);
  --warning-fc-range-hover-indicator: var(--warning-300);
  --warning-fc-range-hover-text: var(--warning-900);
  /*--- active ---*/
  --warning-fc-range-active-base: var(--warning-100);
  --warning-fc-range-active-bg: var(--warning-500);
  --warning-fc-range-active-border: var(--warning-500);
  --warning-fc-range-active-indicator: var(--warning-500);
  --warning-fc-range-active-text: var(--warning-900);
  /*--- disabled ---*/
  --warning-fc-range-disabled-base: var(--warning-100);
  --warning-fc-range-disabled-bg: var(--warning-100);
  --warning-fc-range-disabled-border: var(--warning-200);
  --warning-fc-range-disabled-indicator: var(--warning-50);
  --warning-fc-range-disabled-text: var(--warning-300);

  /* -- warning dark -- */
  /*--- checkradio ---*/

    /*--- default ---*/
  --warning-dark-fc-checkradio-default-bg: var(--warning-950);
  --warning-dark-fc-checkradio-default-border: var(--warning-700);
  --warning-dark-fc-checkradio-default-indicator: var(--warning-100);
  --warning-dark-fc-checkradio-default-text: var(--warning-white);
  /*--- hover ---*/
  --warning-dark-fc-checkradio-hover-bg: var(--warning-900);
  --warning-dark-fc-checkradio-hover-border: var(--warning-400);
  --warning-dark-fc-checkradio-hover-indicator: var(--warning-100);
  --warning-dark-fc-checkradio-hover-text: var(--warning-white);
  /*--- active ---*/
  --warning-dark-fc-checkradio-active-bg: var(--warning-500);
  --warning-dark-fc-checkradio-active-border: var(--warning-500);
  --warning-dark-fc-checkradio-active-indicator: var(--warning-white);
  --warning-dark-fc-checkradio-active-text: var(--warning-white);
  /*--- disabled ---*/
  --warning-dark-fc-checkradio-disabled-bg: var(--warning-950);
  --warning-dark-fc-checkradio-disabled-border: var(--warning-700);
  --warning-dark-fc-checkradio-disabled-indicator: var(--warning-100);
  --warning-dark-fc-checkradio-disabled-text: var(--warning-white);
  /*--- switch ---*/

    /*--- default ---*/
  --warning-dark-fc-switch-default-bg: var(--warning-800);
  --warning-dark-fc-switch-default-border: var(--warning-800);
  --warning-dark-fc-switch-default-indicator: var(--warning-100);
  --warning-dark-fc-switch-default-text: var(--warning-white);
  /*--- hover ---*/
  --warning-dark-fc-switch-hover-bg: var(--warning-400);
  --warning-dark-fc-switch-hover-border: var(--warning-400);
  --warning-dark-fc-switch-hover-indicator: var(--warning-white);
  --warning-dark-fc-switch-hover-text: var(--warning-white);
  /*--- active ---*/
  --warning-dark-fc-switch-active-bg: var(--warning-500);
  --warning-dark-fc-switch-active-border: var(--warning-500);
  --warning-dark-fc-switch-active-indicator: var(--warning-white);
  --warning-dark-fc-switch-active-text: var(--warning-white);
  /*--- disabled ---*/
  --warning-dark-fc-switch-disabled-bg: var(--warning-800);
  --warning-dark-fc-switch-disabled-border: var(--warning-800);
  --warning-dark-fc-switch-disabled-indicator: var(--warning-100);
  --warning-dark-fc-switch-disabled-text: var(--warning-white);
  /*--- range ---*/

    /*--- default ---*/
  --warning-dark-fc-range-default-base: var(--warning-950);
  --warning-dark-fc-range-default-bg: var(--warning-700);
  --warning-dark-fc-range-default-border: var(--warning-700);
  --warning-dark-fc-range-default-indicator: var(--warning-200);
  --warning-dark-fc-range-default-text: var(--warning-white);
  /*--- hover ---*/
  --warning-dark-fc-range-hover-base: var(--warning-900);
  --warning-dark-fc-range-hover-bg: var(--warning-400);
  --warning-dark-fc-range-hover-border: var(--warning-400);
  --warning-dark-fc-range-hover-indicator: var(--warning-white);
  --warning-dark-fc-range-hover-text: var(--warning-white);
  /*--- active ---*/
  --warning-dark-fc-range-active-base: var(--warning-800);
  --warning-dark-fc-range-active-bg: var(--warning-500);
  --warning-dark-fc-range-active-border: var(--warning-500);
  --warning-dark-fc-range-active-indicator: var(--warning-white);
  --warning-dark-fc-range-active-text: var(--warning-white);
  /*--- disabled ---*/
  --warning-dark-fc-range-disabled-base: var(--warning-950);
  --warning-dark-fc-range-disabled-bg: var(--warning-700);
  --warning-dark-fc-range-disabled-border: var(--warning-700);
  --warning-dark-fc-range-disabled-indicator: var(--warning-200);
  --warning-dark-fc-range-disabled-text: var(--warning-white);

  /* -- error light -- */
  /*--- checkradio ---*/

    /*--- default ---*/
  --error-fc-checkradio-default-bg: var(--error-100);
  --error-fc-checkradio-default-border: var(--error-800);
  --error-fc-checkradio-default-indicator: var(--error-700);
  --error-fc-checkradio-default-text: var(--error-900);
  /*--- hover ---*/
  --error-fc-checkradio-hover-bg: var(--error-100);
  --error-fc-checkradio-hover-border: var(--error-400);
  --error-fc-checkradio-hover-indicator: var(--error-100);
  --error-fc-checkradio-hover-text: var(--error-900);
  /*--- active ---*/
  --error-fc-checkradio-active-bg: var(--error-500);
  --error-fc-checkradio-active-border: var(--error-500);
  --error-fc-checkradio-active-indicator: var(--error-white);
  --error-fc-checkradio-active-text: var(--error-900);
  /*--- disabled ---*/
  --error-fc-checkradio-disabled-bg: var(--error-100);
  --error-fc-checkradio-disabled-border: var(--error-200);
  --error-fc-checkradio-disabled-indicator: var(--error-100);
  --error-fc-checkradio-disabled-text: var(--error-300);
  /*--- switch ---*/

    /*--- default ---*/
  --error-fc-switch-default-bg: var(--error-100);
  --error-fc-switch-default-border: var(--error-800);
  --error-fc-switch-default-indicator: var(--error-700);
  --error-fc-switch-default-text: var(--error-900);
  /*--- hover ---*/
  --error-fc-switch-hover-bg: var(--error-400);
  --error-fc-switch-hover-border: var(--error-400);
  --error-fc-switch-hover-indicator: var(--error-white);
  --error-fc-switch-hover-text: var(--error-900);
  /*--- active ---*/
  --error-fc-switch-active-bg: var(--error-500);
  --error-fc-switch-active-border: var(--error-500);
  --error-fc-switch-active-indicator: var(--error-white);
  --error-fc-switch-active-text: var(--error-900);
  /*--- disabled ---*/
  --error-fc-switch-disabled-bg: var(--error-100);
  --error-fc-switch-disabled-border: var(--error-200);
  --error-fc-switch-disabled-indicator: var(--error-50);
  --error-fc-switch-disabled-text: var(--error-300);
  /*--- range ---*/

    /*--- default ---*/
  --error-fc-range-default-base: var(--error-100);
  --error-fc-range-default-bg: var(--error-800);
  --error-fc-range-default-border: var(--error-200);
  --error-fc-range-default-indicator: var(--error-800);
  --error-fc-range-default-text: var(--error-900);
  /*--- hover ---*/
  --error-fc-range-hover-base: var(--error-100);
  --error-fc-range-hover-bg: var(--error-300);
  --error-fc-range-hover-border: var(--error-300);
  --error-fc-range-hover-indicator: var(--error-300);
  --error-fc-range-hover-text: var(--error-900);
  /*--- active ---*/
  --error-fc-range-active-base: var(--error-100);
  --error-fc-range-active-bg: var(--error-500);
  --error-fc-range-active-border: var(--error-500);
  --error-fc-range-active-indicator: var(--error-500);
  --error-fc-range-active-text: var(--error-900);
  /*--- disabled ---*/
  --error-fc-range-disabled-base: var(--error-100);
  --error-fc-range-disabled-bg: var(--error-100);
  --error-fc-range-disabled-border: var(--error-200);
  --error-fc-range-disabled-indicator: var(--error-50);
  --error-fc-range-disabled-text: var(--error-300);

  /* -- error dark -- */
  /*--- checkradio ---*/

    /*--- default ---*/
  --error-dark-fc-checkradio-default-bg: var(--error-950);
  --error-dark-fc-checkradio-default-border: var(--error-700);
  --error-dark-fc-checkradio-default-indicator: var(--error-100);
  --error-dark-fc-checkradio-default-text: var(--error-white);
  /*--- hover ---*/
  --error-dark-fc-checkradio-hover-bg: var(--error-900);
  --error-dark-fc-checkradio-hover-border: var(--error-400);
  --error-dark-fc-checkradio-hover-indicator: var(--error-100);
  --error-dark-fc-checkradio-hover-text: var(--error-white);
  /*--- active ---*/
  --error-dark-fc-checkradio-active-bg: var(--error-500);
  --error-dark-fc-checkradio-active-border: var(--error-500);
  --error-dark-fc-checkradio-active-indicator: var(--error-white);
  --error-dark-fc-checkradio-active-text: var(--error-white);
  /*--- disabled ---*/
  --error-dark-fc-checkradio-disabled-bg: var(--error-950);
  --error-dark-fc-checkradio-disabled-border: var(--error-700);
  --error-dark-fc-checkradio-disabled-indicator: var(--error-100);
  --error-dark-fc-checkradio-disabled-text: var(--error-white);
  /*--- switch ---*/

    /*--- default ---*/
  --error-dark-fc-switch-default-bg: var(--error-800);
  --error-dark-fc-switch-default-border: var(--error-800);
  --error-dark-fc-switch-default-indicator: var(--error-100);
  --error-dark-fc-switch-default-text: var(--error-white);
  /*--- hover ---*/
  --error-dark-fc-switch-hover-bg: var(--error-400);
  --error-dark-fc-switch-hover-border: var(--error-400);
  --error-dark-fc-switch-hover-indicator: var(--error-white);
  --error-dark-fc-switch-hover-text: var(--error-white);
  /*--- active ---*/
  --error-dark-fc-switch-active-bg: var(--error-500);
  --error-dark-fc-switch-active-border: var(--error-500);
  --error-dark-fc-switch-active-indicator: var(--error-white);
  --error-dark-fc-switch-active-text: var(--error-white);
  /*--- disabled ---*/
  --error-dark-fc-switch-disabled-bg: var(--error-800);
  --error-dark-fc-switch-disabled-border: var(--error-800);
  --error-dark-fc-switch-disabled-indicator: var(--error-100);
  --error-dark-fc-switch-disabled-text: var(--error-white);
  /*--- range ---*/

    /*--- default ---*/
  --error-dark-fc-range-default-base: var(--error-950);
  --error-dark-fc-range-default-bg: var(--error-700);
  --error-dark-fc-range-default-border: var(--error-700);
  --error-dark-fc-range-default-indicator: var(--error-200);
  --error-dark-fc-range-default-text: var(--error-white);
  /*--- hover ---*/
  --error-dark-fc-range-hover-base: var(--error-900);
  --error-dark-fc-range-hover-bg: var(--error-400);
  --error-dark-fc-range-hover-border: var(--error-400);
  --error-dark-fc-range-hover-indicator: var(--error-white);
  --error-dark-fc-range-hover-text: var(--error-white);
  /*--- active ---*/
  --error-dark-fc-range-active-base: var(--error-800);
  --error-dark-fc-range-active-bg: var(--error-500);
  --error-dark-fc-range-active-border: var(--error-500);
  --error-dark-fc-range-active-indicator: var(--error-white);
  --error-dark-fc-range-active-text: var(--error-white);
  /*--- disabled ---*/
  --error-dark-fc-range-disabled-base: var(--error-950);
  --error-dark-fc-range-disabled-bg: var(--error-700);
  --error-dark-fc-range-disabled-border: var(--error-700);
  --error-dark-fc-range-disabled-indicator: var(--error-200);
  --error-dark-fc-range-disabled-text: var(--error-white);

  /* -- info light -- */
  /*--- checkradio ---*/

    /*--- default ---*/
  --info-fc-checkradio-default-bg: var(--info-100);
  --info-fc-checkradio-default-border: var(--info-800);
  --info-fc-checkradio-default-indicator: var(--info-700);
  --info-fc-checkradio-default-text: var(--info-900);
  /*--- hover ---*/
  --info-fc-checkradio-hover-bg: var(--info-100);
  --info-fc-checkradio-hover-border: var(--info-400);
  --info-fc-checkradio-hover-indicator: var(--info-100);
  --info-fc-checkradio-hover-text: var(--info-900);
  /*--- active ---*/
  --info-fc-checkradio-active-bg: var(--info-500);
  --info-fc-checkradio-active-border: var(--info-500);
  --info-fc-checkradio-active-indicator: var(--info-white);
  --info-fc-checkradio-active-text: var(--info-900);
  /*--- disabled ---*/
  --info-fc-checkradio-disabled-bg: var(--info-100);
  --info-fc-checkradio-disabled-border: var(--info-200);
  --info-fc-checkradio-disabled-indicator: var(--info-100);
  --info-fc-checkradio-disabled-text: var(--info-300);
  /*--- switch ---*/

    /*--- default ---*/
  --info-fc-switch-default-bg: var(--info-100);
  --info-fc-switch-default-border: var(--info-800);
  --info-fc-switch-default-indicator: var(--info-700);
  --info-fc-switch-default-text: var(--info-900);
  /*--- hover ---*/
  --info-fc-switch-hover-bg: var(--info-400);
  --info-fc-switch-hover-border: var(--info-400);
  --info-fc-switch-hover-indicator: var(--info-white);
  --info-fc-switch-hover-text: var(--info-900);
  /*--- active ---*/
  --info-fc-switch-active-bg: var(--info-500);
  --info-fc-switch-active-border: var(--info-500);
  --info-fc-switch-active-indicator: var(--info-white);
  --info-fc-switch-active-text: var(--info-900);
  /*--- disabled ---*/
  --info-fc-switch-disabled-bg: var(--info-100);
  --info-fc-switch-disabled-border: var(--info-200);
  --info-fc-switch-disabled-indicator: var(--info-50);
  --info-fc-switch-disabled-text: var(--info-300);
  /*--- range ---*/

    /*--- default ---*/
  --info-fc-range-default-base: var(--info-100);
  --info-fc-range-default-bg: var(--info-800);
  --info-fc-range-default-border: var(--info-200);
  --info-fc-range-default-indicator: var(--info-800);
  --info-fc-range-default-text: var(--info-900);
  /*--- hover ---*/
  --info-fc-range-hover-base: var(--info-100);
  --info-fc-range-hover-bg: var(--info-300);
  --info-fc-range-hover-border: var(--info-300);
  --info-fc-range-hover-indicator: var(--info-300);
  --info-fc-range-hover-text: var(--info-900);
  /*--- active ---*/
  --info-fc-range-active-base: var(--info-100);
  --info-fc-range-active-bg: var(--info-500);
  --info-fc-range-active-border: var(--info-500);
  --info-fc-range-active-indicator: var(--info-500);
  --info-fc-range-active-text: var(--info-900);
  /*--- disabled ---*/
  --info-fc-range-disabled-base: var(--info-100);
  --info-fc-range-disabled-bg: var(--info-100);
  --info-fc-range-disabled-border: var(--info-200);
  --info-fc-range-disabled-indicator: var(--info-50);
  --info-fc-range-disabled-text: var(--info-300);

  /* -- info dark -- */
  /*--- checkradio ---*/

    /*--- default ---*/
  --info-dark-fc-checkradio-default-bg: var(--info-950);
  --info-dark-fc-checkradio-default-border: var(--info-700);
  --info-dark-fc-checkradio-default-indicator: var(--info-100);
  --info-dark-fc-checkradio-default-text: var(--info-white);
  /*--- hover ---*/
  --info-dark-fc-checkradio-hover-bg: var(--info-900);
  --info-dark-fc-checkradio-hover-border: var(--info-400);
  --info-dark-fc-checkradio-hover-indicator: var(--info-100);
  --info-dark-fc-checkradio-hover-text: var(--info-white);
  /*--- active ---*/
  --info-dark-fc-checkradio-active-bg: var(--info-500);
  --info-dark-fc-checkradio-active-border: var(--info-500);
  --info-dark-fc-checkradio-active-indicator: var(--info-white);
  --info-dark-fc-checkradio-active-text: var(--info-white);
  /*--- disabled ---*/
  --info-dark-fc-checkradio-disabled-bg: var(--info-950);
  --info-dark-fc-checkradio-disabled-border: var(--info-700);
  --info-dark-fc-checkradio-disabled-indicator: var(--info-100);
  --info-dark-fc-checkradio-disabled-text: var(--info-white);
  /*--- switch ---*/

    /*--- default ---*/
  --info-dark-fc-switch-default-bg: var(--info-800);
  --info-dark-fc-switch-default-border: var(--info-800);
  --info-dark-fc-switch-default-indicator: var(--info-100);
  --info-dark-fc-switch-default-text: var(--info-white);
  /*--- hover ---*/
  --info-dark-fc-switch-hover-bg: var(--info-400);
  --info-dark-fc-switch-hover-border: var(--info-400);
  --info-dark-fc-switch-hover-indicator: var(--info-white);
  --info-dark-fc-switch-hover-text: var(--info-white);
  /*--- active ---*/
  --info-dark-fc-switch-active-bg: var(--info-500);
  --info-dark-fc-switch-active-border: var(--info-500);
  --info-dark-fc-switch-active-indicator: var(--info-white);
  --info-dark-fc-switch-active-text: var(--info-white);
  /*--- disabled ---*/
  --info-dark-fc-switch-disabled-bg: var(--info-800);
  --info-dark-fc-switch-disabled-border: var(--info-800);
  --info-dark-fc-switch-disabled-indicator: var(--info-100);
  --info-dark-fc-switch-disabled-text: var(--info-white);
  /*--- range ---*/

    /*--- default ---*/
  --info-dark-fc-range-default-base: var(--info-950);
  --info-dark-fc-range-default-bg: var(--info-700);
  --info-dark-fc-range-default-border: var(--info-700);
  --info-dark-fc-range-default-indicator: var(--info-200);
  --info-dark-fc-range-default-text: var(--info-white);
  /*--- hover ---*/
  --info-dark-fc-range-hover-base: var(--info-900);
  --info-dark-fc-range-hover-bg: var(--info-400);
  --info-dark-fc-range-hover-border: var(--info-400);
  --info-dark-fc-range-hover-indicator: var(--info-white);
  --info-dark-fc-range-hover-text: var(--info-white);
  /*--- active ---*/
  --info-dark-fc-range-active-base: var(--info-800);
  --info-dark-fc-range-active-bg: var(--info-500);
  --info-dark-fc-range-active-border: var(--info-500);
  --info-dark-fc-range-active-indicator: var(--info-white);
  --info-dark-fc-range-active-text: var(--info-white);
  /*--- disabled ---*/
  --info-dark-fc-range-disabled-base: var(--info-950);
  --info-dark-fc-range-disabled-bg: var(--info-700);
  --info-dark-fc-range-disabled-border: var(--info-700);
  --info-dark-fc-range-disabled-indicator: var(--info-200);
  --info-dark-fc-range-disabled-text: var(--info-white);


  /* --------------------------------- Alerts --------------------------------- */

  /* -- brand light -- */
  /*--- solid ---*/
  --brand-teal-alert-solid-border: var(--color-500);
  --brand-teal-alert-solid-bg: var(--color-500);
  --brand-teal-alert-solid-icon: var(--color-900);
  --brand-teal-alert-solid-text: var(--color-900);
  /*--- soft ---*/
  --brand-teal-alert-soft-border: var(--color-200);
  --brand-teal-alert-soft-bg: var(--color-200);
  --brand-teal-alert-soft-icon: var(--color-900);
  --brand-teal-alert-soft-text: var(--color-900);
  /*--- surface ---*/
  --brand-teal-alert-surface-border: var(--color-300);
  --brand-teal-alert-surface-bg: var(--color-50);
  --brand-teal-alert-surface-icon: var(--color-900);
  --brand-teal-alert-surface-text: var(--color-900);
  /*--- outline ---*/
  --brand-teal-alert-outline-border: var(--color-300);
  --brand-teal-alert-outline-bg: transparent;
  --brand-teal-alert-outline-icon: var(--color-900);
  --brand-teal-alert-outline-text: var(--color-900);

  /* -- brand dark -- */
  /*--- solid ---*/
  --brand-teal-dark-alert-solid-border: var(--color-600);
  --brand-teal-dark-alert-solid-bg: var(--color-600);
  --brand-teal-dark-alert-solid-icon: var(--color-900);
  --brand-teal-dark-alert-solid-text: var(--color-900);
  /*--- soft ---*/
  --brand-teal-dark-alert-soft-border: var(--color-800);
  --brand-teal-dark-alert-soft-bg: var(--color-800);
  --brand-teal-dark-alert-soft-icon: var(--color-200);
  --brand-teal-dark-alert-soft-text: var(--color-200);
  /*--- surface ---*/
  --brand-teal-dark-alert-surface-border: var(--color-700);
  --brand-teal-dark-alert-surface-bg: var(--color-900);
  --brand-teal-dark-alert-surface-icon: var(--color-200);
  --brand-teal-dark-alert-surface-text: var(--color-200);
  /*--- outline ---*/
  --brand-teal-dark-alert-outline-border: var(--color-700);
  --brand-teal-dark-alert-outline-bg: transparent;
  --brand-teal-dark-alert-outline-icon: var(--color-200);
  --brand-teal-dark-alert-outline-text: var(--color-200);

  /* -- neutral light -- */
  /*--- solid ---*/
  --neutral-alert-solid-border: var(--neutral-500);
  --neutral-alert-solid-bg: var(--neutral-500);
  --neutral-alert-solid-icon: var(--neutral-900);
  --neutral-alert-solid-text: var(--neutral-900);
  /*--- soft ---*/
  --neutral-alert-soft-border: var(--neutral-200);
  --neutral-alert-soft-bg: var(--neutral-200);
  --neutral-alert-soft-icon: var(--neutral-900);
  --neutral-alert-soft-text: var(--neutral-900);
  /*--- surface ---*/
  --neutral-alert-surface-border: var(--neutral-300);
  --neutral-alert-surface-bg: var(--neutral-50);
  --neutral-alert-surface-icon: var(--neutral-900);
  --neutral-alert-surface-text: var(--neutral-900);
  /*--- outline ---*/
  --neutral-alert-outline-border: var(--neutral-300);
  --neutral-alert-outline-bg: transparent;
  --neutral-alert-outline-icon: var(--neutral-900);
  --neutral-alert-outline-text: var(--neutral-900);

  /* -- neutral dark -- */
  /*--- solid ---*/
  --neutral-dark-alert-solid-border: var(--neutral-600);
  --neutral-dark-alert-solid-bg: var(--neutral-600);
  --neutral-dark-alert-solid-icon: var(--neutral-900);
  --neutral-dark-alert-solid-text: var(--neutral-900);
  /*--- soft ---*/
  --neutral-dark-alert-soft-border: var(--neutral-800);
  --neutral-dark-alert-soft-bg: var(--neutral-800);
  --neutral-dark-alert-soft-icon: var(--neutral-200);
  --neutral-dark-alert-soft-text: var(--neutral-200);
  /*--- surface ---*/
  --neutral-dark-alert-surface-border: var(--neutral-700);
  --neutral-dark-alert-surface-bg: var(--neutral-900);
  --neutral-dark-alert-surface-icon: var(--neutral-200);
  --neutral-dark-alert-surface-text: var(--neutral-200);
  /*--- outline ---*/
  --neutral-dark-alert-outline-border: var(--neutral-700);
  --neutral-dark-alert-outline-bg: transparent;
  --neutral-dark-alert-outline-icon: var(--neutral-200);
  --neutral-dark-alert-outline-text: var(--neutral-200);

  /* -- success light -- */
  /*--- solid ---*/
  --success-alert-solid-border: var(--success-500);
  --success-alert-solid-bg: var(--success-500);
  --success-alert-solid-icon: var(--success-900);
  --success-alert-solid-text: var(--success-900);
  /*--- soft ---*/
  --success-alert-soft-border: var(--success-200);
  --success-alert-soft-bg: var(--success-200);
  --success-alert-soft-icon: var(--success-900);
  --success-alert-soft-text: var(--success-900);
  /*--- surface ---*/
  --success-alert-surface-border: var(--success-300);
  --success-alert-surface-bg: var(--success-50);
  --success-alert-surface-icon: var(--success-900);
  --success-alert-surface-text: var(--success-900);
  /*--- outline ---*/
  --success-alert-outline-border: var(--success-300);
  --success-alert-outline-bg: transparent;
  --success-alert-outline-icon: var(--success-900);
  --success-alert-outline-text: var(--success-900);

  /* -- success dark -- */
  /*--- solid ---*/
  --success-dark-alert-solid-border: var(--success-600);
  --success-dark-alert-solid-bg: var(--success-600);
  --success-dark-alert-solid-icon: var(--success-900);
  --success-dark-alert-solid-text: var(--success-900);
  /*--- soft ---*/
  --success-dark-alert-soft-border: var(--success-800);
  --success-dark-alert-soft-bg: var(--success-800);
  --success-dark-alert-soft-icon: var(--success-200);
  --success-dark-alert-soft-text: var(--success-200);
  /*--- surface ---*/
  --success-dark-alert-surface-border: var(--success-700);
  --success-dark-alert-surface-bg: var(--success-900);
  --success-dark-alert-surface-icon: var(--success-200);
  --success-dark-alert-surface-text: var(--success-200);
  /*--- outline ---*/
  --success-dark-alert-outline-border: var(--success-700);
  --success-dark-alert-outline-bg: transparent;
  --success-dark-alert-outline-icon: var(--success-200);
  --success-dark-alert-outline-text: var(--success-200);

  /* -- warning light -- */
  /*--- solid ---*/
  --warning-alert-solid-border: var(--warning-500);
  --warning-alert-solid-bg: var(--warning-500);
  --warning-alert-solid-icon: var(--warning-900);
  --warning-alert-solid-text: var(--warning-900);
  /*--- soft ---*/
  --warning-alert-soft-border: var(--warning-200);
  --warning-alert-soft-bg: var(--warning-200);
  --warning-alert-soft-icon: var(--warning-900);
  --warning-alert-soft-text: var(--warning-900);
  /*--- surface ---*/
  --warning-alert-surface-border: var(--warning-300);
  --warning-alert-surface-bg: var(--warning-50);
  --warning-alert-surface-icon: var(--warning-900);
  --warning-alert-surface-text: var(--warning-900);
  /*--- outline ---*/
  --warning-alert-outline-border: var(--warning-300);
  --warning-alert-outline-bg: transparent;
  --warning-alert-outline-icon: var(--warning-900);
  --warning-alert-outline-text: var(--warning-900);

  /* -- warning dark -- */
  /*--- solid ---*/
  --warning-dark-alert-solid-border: var(--warning-600);
  --warning-dark-alert-solid-bg: var(--warning-600);
  --warning-dark-alert-solid-icon: var(--warning-900);
  --warning-dark-alert-solid-text: var(--warning-900);
  /*--- soft ---*/
  --warning-dark-alert-soft-border: var(--warning-800);
  --warning-dark-alert-soft-bg: var(--warning-800);
  --warning-dark-alert-soft-icon: var(--warning-200);
  --warning-dark-alert-soft-text: var(--warning-200);
  /*--- surface ---*/
  --warning-dark-alert-surface-border: var(--warning-700);
  --warning-dark-alert-surface-bg: var(--warning-900);
  --warning-dark-alert-surface-icon: var(--warning-200);
  --warning-dark-alert-surface-text: var(--warning-200);
  /*--- outline ---*/
  --warning-dark-alert-outline-border: var(--warning-700);
  --warning-dark-alert-outline-bg: transparent;
  --warning-dark-alert-outline-icon: var(--warning-200);
  --warning-dark-alert-outline-text: var(--warning-200);

  /* -- error light -- */
  /*--- solid ---*/
  --error-alert-solid-border: var(--error-500);
  --error-alert-solid-bg: var(--error-500);
  --error-alert-solid-icon: var(--error-900);
  --error-alert-solid-text: var(--error-900);
  /*--- soft ---*/
  --error-alert-soft-border: var(--error-200);
  --error-alert-soft-bg: var(--error-200);
  --error-alert-soft-icon: var(--error-900);
  --error-alert-soft-text: var(--error-900);
  /*--- surface ---*/
  --error-alert-surface-border: var(--error-300);
  --error-alert-surface-bg: var(--error-50);
  --error-alert-surface-icon: var(--error-900);
  --error-alert-surface-text: var(--error-900);
  /*--- outline ---*/
  --error-alert-outline-border: var(--error-300);
  --error-alert-outline-bg: transparent;
  --error-alert-outline-icon: var(--error-900);
  --error-alert-outline-text: var(--error-900);

  /* -- error dark -- */
  /*--- solid ---*/
  --error-dark-alert-solid-border: var(--error-600);
  --error-dark-alert-solid-bg: var(--error-600);
  --error-dark-alert-solid-icon: var(--error-900);
  --error-dark-alert-solid-text: var(--error-900);
  /*--- soft ---*/
  --error-dark-alert-soft-border: var(--error-800);
  --error-dark-alert-soft-bg: var(--error-800);
  --error-dark-alert-soft-icon: var(--error-200);
  --error-dark-alert-soft-text: var(--error-200);
  /*--- surface ---*/
  --error-dark-alert-surface-border: var(--error-700);
  --error-dark-alert-surface-bg: var(--error-900);
  --error-dark-alert-surface-icon: var(--error-200);
  --error-dark-alert-surface-text: var(--error-200);
  /*--- outline ---*/
  --error-dark-alert-outline-border: var(--error-700);
  --error-dark-alert-outline-bg: transparent;
  --error-dark-alert-outline-icon: var(--error-200);
  --error-dark-alert-outline-text: var(--error-200);

  /* -- info light -- */
  /*--- solid ---*/
  --info-alert-solid-border: var(--info-500);
  --info-alert-solid-bg: var(--info-500);
  --info-alert-solid-icon: var(--info-900);
  --info-alert-solid-text: var(--info-900);
  /*--- soft ---*/
  --info-alert-soft-border: var(--info-200);
  --info-alert-soft-bg: var(--info-200);
  --info-alert-soft-icon: var(--info-900);
  --info-alert-soft-text: var(--info-900);
  /*--- surface ---*/
  --info-alert-surface-border: var(--info-300);
  --info-alert-surface-bg: var(--info-50);
  --info-alert-surface-icon: var(--info-900);
  --info-alert-surface-text: var(--info-900);
  /*--- outline ---*/
  --info-alert-outline-border: var(--info-300);
  --info-alert-outline-bg: transparent;
  --info-alert-outline-icon: var(--info-900);
  --info-alert-outline-text: var(--info-900);

  /* -- info dark -- */
  /*--- solid ---*/
  --info-dark-alert-solid-border: var(--info-600);
  --info-dark-alert-solid-bg: var(--info-600);
  --info-dark-alert-solid-icon: var(--info-900);
  --info-dark-alert-solid-text: var(--info-900);
  /*--- soft ---*/
  --info-dark-alert-soft-border: var(--info-800);
  --info-dark-alert-soft-bg: var(--info-800);
  --info-dark-alert-soft-icon: var(--info-200);
  --info-dark-alert-soft-text: var(--info-200);
  /*--- surface ---*/
  --info-dark-alert-surface-border: var(--info-700);
  --info-dark-alert-surface-bg: var(--info-900);
  --info-dark-alert-surface-icon: var(--info-200);
  --info-dark-alert-surface-text: var(--info-200);
  /*--- outline ---*/
  --info-dark-alert-outline-border: var(--info-700);
  --info-dark-alert-outline-bg: transparent;
  --info-dark-alert-outline-icon: var(--info-200);
  --info-dark-alert-outline-text: var(--info-200);


  /* --------------------------------- Callouts --------------------------------- */

  /* -- brand light -- */
  /*--- solid ---*/
  --brand-teal-callout-solid-border: var(--color-500);
  --brand-teal-callout-solid-bg: var(--color-500);
  --brand-teal-callout-solid-icon-bg: var(--color-900);
  --brand-teal-callout-solid-icon: var(--color-200);
  --brand-teal-callout-solid-text: var(--color-900);
  --brand-teal-callout-solid-btn-border: var(--color-900);
  --brand-teal-callout-solid-btn-bg: transparent;
  --brand-teal-callout-solid-btn-text: var(--color-900);
  /*--- soft ---*/
  --brand-teal-callout-soft-border: var(--color-100);
  --brand-teal-callout-soft-bg: var(--color-100);
  --brand-teal-callout-soft-icon-bg: var(--color-300);
  --brand-teal-callout-soft-icon: var(--color-900);
  --brand-teal-callout-soft-text: var(--color-900);
  --brand-teal-callout-soft-btn-border: var(--color-400);
  --brand-teal-callout-soft-btn-bg: transparent;
  --brand-teal-callout-soft-btn-text: var(--color-900);
  /*--- surface ---*/
  --brand-teal-callout-surface-border: var(--color-300);
  --brand-teal-callout-surface-bg: var(--color-50);
  --brand-teal-callout-surface-icon-bg: var(--color-300);
  --brand-teal-callout-surface-icon: var(--color-900);
  --brand-teal-callout-surface-text: var(--color-900);
  --brand-teal-callout-surface-btn-border: var(--color-400);
  --brand-teal-callout-surface-btn-bg: transparent;
  --brand-teal-callout-surface-btn-text: var(--color-900);
  /*--- outline ---*/
  --brand-teal-callout-outline-border: var(--color-300);
  --brand-teal-callout-outline-bg: transparent;
  --brand-teal-callout-outline-icon-bg: var(--color-300);
  --brand-teal-callout-outline-icon: var(--color-900);
  --brand-teal-callout-outline-text: var(--color-900);
  --brand-teal-callout-outline-btn-border: var(--color-400);
  --brand-teal-callout-outline-btn-bg: transparent;
  --brand-teal-callout-outline-btn-text: var(--color-900);

  /* -- brand dark -- */
  /*--- solid ---*/
  --brand-teal-dark-callout-solid-border: var(--color-600);
  --brand-teal-dark-callout-solid-bg: var(--color-600);
  --brand-teal-dark-callout-solid-icon-bg: var(--color-900);
  --brand-teal-dark-callout-solid-icon: var(--color-200);
  --brand-teal-dark-callout-solid-text: var(--color-900);
  --brand-teal-dark-callout-solid-btn-border: var(--color-900);
  --brand-teal-dark-callout-solid-btn-bg: transparent;
  --brand-teal-dark-callout-solid-btn-text: var(--color-900);
  /*--- soft ---*/
  --brand-teal-dark-callout-soft-border: var(--color-800);
  --brand-teal-dark-callout-soft-bg: var(--color-800);
  --brand-teal-dark-callout-soft-icon-bg: var(--color-200);
  --brand-teal-dark-callout-soft-icon: var(--color-900);
  --brand-teal-dark-callout-soft-text: var(--color-200);
  --brand-teal-dark-callout-soft-btn-border: var(--color-200);
  --brand-teal-dark-callout-soft-btn-bg: transparent;
  --brand-teal-dark-callout-soft-btn-text: var(--color-200);
  /*--- surface ---*/
  --brand-teal-dark-callout-surface-border: var(--color-700);
  --brand-teal-dark-callout-surface-bg: var(--color-900);
  --brand-teal-dark-callout-surface-icon-bg: var(--color-800);
  --brand-teal-dark-callout-surface-icon: var(--color-200);
  --brand-teal-dark-callout-surface-text: var(--color-200);
  --brand-teal-dark-callout-surface-btn-border: var(--color-200);
  --brand-teal-dark-callout-surface-btn-bg: transparent;
  --brand-teal-dark-callout-surface-btn-text: var(--color-200);
  /*--- outline ---*/
  --brand-teal-dark-callout-outline-border: var(--color-700);
  --brand-teal-dark-callout-outline-bg: transparent;
  --brand-teal-dark-callout-outline-icon-bg: var(--color-800);
  --brand-teal-dark-callout-outline-icon: var(--color-200);
  --brand-teal-dark-callout-outline-text: var(--color-200);
  --brand-teal-dark-callout-outline-btn-border: var(--color-200);
  --brand-teal-dark-callout-outline-btn-bg: transparent;
  --brand-teal-dark-callout-outline-btn-text: var(--color-200);

  /* -- neutral light -- */
  /*--- solid ---*/
  --neutral-callout-solid-border: var(--neutral-500);
  --neutral-callout-solid-bg: var(--neutral-500);
  --neutral-callout-solid-icon-bg: var(--neutral-900);
  --neutral-callout-solid-icon: var(--neutral-200);
  --neutral-callout-solid-text: var(--neutral-900);
  --neutral-callout-solid-btn-border: var(--neutral-900);
  --neutral-callout-solid-btn-bg: transparent;
  --neutral-callout-solid-btn-text: var(--neutral-900);
  /*--- soft ---*/
  --neutral-callout-soft-border: var(--neutral-100);
  --neutral-callout-soft-bg: var(--neutral-100);
  --neutral-callout-soft-icon-bg: var(--neutral-300);
  --neutral-callout-soft-icon: var(--neutral-900);
  --neutral-callout-soft-text: var(--neutral-900);
  --neutral-callout-soft-btn-border: var(--neutral-400);
  --neutral-callout-soft-btn-bg: transparent;
  --neutral-callout-soft-btn-text: var(--neutral-900);
  /*--- surface ---*/
  --neutral-callout-surface-border: var(--neutral-300);
  --neutral-callout-surface-bg: var(--neutral-50);
  --neutral-callout-surface-icon-bg: var(--neutral-300);
  --neutral-callout-surface-icon: var(--neutral-900);
  --neutral-callout-surface-text: var(--neutral-900);
  --neutral-callout-surface-btn-border: var(--neutral-400);
  --neutral-callout-surface-btn-bg: transparent;
  --neutral-callout-surface-btn-text: var(--neutral-900);
  /*--- outline ---*/
  --neutral-callout-outline-border: var(--neutral-300);
  --neutral-callout-outline-bg: transparent;
  --neutral-callout-outline-icon-bg: var(--neutral-300);
  --neutral-callout-outline-icon: var(--neutral-900);
  --neutral-callout-outline-text: var(--neutral-900);
  --neutral-callout-outline-btn-border: var(--neutral-400);
  --neutral-callout-outline-btn-bg: transparent;
  --neutral-callout-outline-btn-text: var(--neutral-900);

  /* -- neutral dark -- */
  /*--- solid ---*/
  --neutral-dark-callout-solid-border: var(--neutral-600);
  --neutral-dark-callout-solid-bg: var(--neutral-600);
  --neutral-dark-callout-solid-icon-bg: var(--neutral-900);
  --neutral-dark-callout-solid-icon: var(--neutral-200);
  --neutral-dark-callout-solid-text: var(--neutral-900);
  --neutral-dark-callout-solid-btn-border: var(--neutral-900);
  --neutral-dark-callout-solid-btn-bg: transparent;
  --neutral-dark-callout-solid-btn-text: var(--neutral-900);
  /*--- soft ---*/
  --neutral-dark-callout-soft-border: var(--neutral-800);
  --neutral-dark-callout-soft-bg: var(--neutral-800);
  --neutral-dark-callout-soft-icon-bg: var(--neutral-200);
  --neutral-dark-callout-soft-icon: var(--neutral-900);
  --neutral-dark-callout-soft-text: var(--neutral-200);
  --neutral-dark-callout-soft-btn-border: var(--neutral-200);
  --neutral-dark-callout-soft-btn-bg: transparent;
  --neutral-dark-callout-soft-btn-text: var(--neutral-200);
  /*--- surface ---*/
  --neutral-dark-callout-surface-border: var(--neutral-700);
  --neutral-dark-callout-surface-bg: var(--neutral-900);
  --neutral-dark-callout-surface-icon-bg: var(--neutral-800);
  --neutral-dark-callout-surface-icon: var(--neutral-200);
  --neutral-dark-callout-surface-text: var(--neutral-200);
  --neutral-dark-callout-surface-btn-border: var(--neutral-200);
  --neutral-dark-callout-surface-btn-bg: transparent;
  --neutral-dark-callout-surface-btn-text: var(--neutral-200);
  /*--- outline ---*/
  --neutral-dark-callout-outline-border: var(--neutral-700);
  --neutral-dark-callout-outline-bg: transparent;
  --neutral-dark-callout-outline-icon-bg: var(--neutral-800);
  --neutral-dark-callout-outline-icon: var(--neutral-200);
  --neutral-dark-callout-outline-text: var(--neutral-200);
  --neutral-dark-callout-outline-btn-border: var(--neutral-200);
  --neutral-dark-callout-outline-btn-bg: transparent;
  --neutral-dark-callout-outline-btn-text: var(--neutral-200);

  /* -- success light -- */
  /*--- solid ---*/
  --success-callout-solid-border: var(--success-500);
  --success-callout-solid-bg: var(--success-500);
  --success-callout-solid-icon-bg: var(--success-900);
  --success-callout-solid-icon: var(--success-200);
  --success-callout-solid-text: var(--success-900);
  --success-callout-solid-btn-border: var(--success-900);
  --success-callout-solid-btn-bg: transparent;
  --success-callout-solid-btn-text: var(--success-900);
  /*--- soft ---*/
  --success-callout-soft-border: var(--success-100);
  --success-callout-soft-bg: var(--success-100);
  --success-callout-soft-icon-bg: var(--success-300);
  --success-callout-soft-icon: var(--success-900);
  --success-callout-soft-text: var(--success-900);
  --success-callout-soft-btn-border: var(--success-400);
  --success-callout-soft-btn-bg: transparent;
  --success-callout-soft-btn-text: var(--success-900);
  /*--- surface ---*/
  --success-callout-surface-border: var(--success-300);
  --success-callout-surface-bg: var(--success-50);
  --success-callout-surface-icon-bg: var(--success-300);
  --success-callout-surface-icon: var(--success-900);
  --success-callout-surface-text: var(--success-900);
  --success-callout-surface-btn-border: var(--success-400);
  --success-callout-surface-btn-bg: transparent;
  --success-callout-surface-btn-text: var(--success-900);
  /*--- outline ---*/
  --success-callout-outline-border: var(--success-300);
  --success-callout-outline-bg: transparent;
  --success-callout-outline-icon-bg: var(--success-300);
  --success-callout-outline-icon: var(--success-900);
  --success-callout-outline-text: var(--success-900);
  --success-callout-outline-btn-border: var(--success-400);
  --success-callout-outline-btn-bg: transparent;
  --success-callout-outline-btn-text: var(--success-900);

  /* -- success dark -- */
  /*--- solid ---*/
  --success-dark-callout-solid-border: var(--success-600);
  --success-dark-callout-solid-bg: var(--success-600);
  --success-dark-callout-solid-icon-bg: var(--success-900);
  --success-dark-callout-solid-icon: var(--success-200);
  --success-dark-callout-solid-text: var(--success-900);
  --success-dark-callout-solid-btn-border: var(--success-900);
  --success-dark-callout-solid-btn-bg: transparent;
  --success-dark-callout-solid-btn-text: var(--success-900);
  /*--- soft ---*/
  --success-dark-callout-soft-border: var(--success-800);
  --success-dark-callout-soft-bg: var(--success-800);
  --success-dark-callout-soft-icon-bg: var(--success-200);
  --success-dark-callout-soft-icon: var(--success-900);
  --success-dark-callout-soft-text: var(--success-200);
  --success-dark-callout-soft-btn-border: var(--success-200);
  --success-dark-callout-soft-btn-bg: transparent;
  --success-dark-callout-soft-btn-text: var(--success-200);
  /*--- surface ---*/
  --success-dark-callout-surface-border: var(--success-700);
  --success-dark-callout-surface-bg: var(--success-900);
  --success-dark-callout-surface-icon-bg: var(--success-800);
  --success-dark-callout-surface-icon: var(--success-200);
  --success-dark-callout-surface-text: var(--success-200);
  --success-dark-callout-surface-btn-border: var(--success-200);
  --success-dark-callout-surface-btn-bg: transparent;
  --success-dark-callout-surface-btn-text: var(--success-200);
  /*--- outline ---*/
  --success-dark-callout-outline-border: var(--success-700);
  --success-dark-callout-outline-bg: transparent;
  --success-dark-callout-outline-icon-bg: var(--success-800);
  --success-dark-callout-outline-icon: var(--success-200);
  --success-dark-callout-outline-text: var(--success-200);
  --success-dark-callout-outline-btn-border: var(--success-200);
  --success-dark-callout-outline-btn-bg: transparent;
  --success-dark-callout-outline-btn-text: var(--success-200);

  /* -- warning light -- */
  /*--- solid ---*/
  --warning-callout-solid-border: var(--warning-500);
  --warning-callout-solid-bg: var(--warning-500);
  --warning-callout-solid-icon-bg: var(--warning-900);
  --warning-callout-solid-icon: var(--warning-200);
  --warning-callout-solid-text: var(--warning-900);
  --warning-callout-solid-btn-border: var(--warning-900);
  --warning-callout-solid-btn-bg: transparent;
  --warning-callout-solid-btn-text: var(--warning-900);
  /*--- soft ---*/
  --warning-callout-soft-border: var(--warning-100);
  --warning-callout-soft-bg: var(--warning-100);
  --warning-callout-soft-icon-bg: var(--warning-300);
  --warning-callout-soft-icon: var(--warning-900);
  --warning-callout-soft-text: var(--warning-900);
  --warning-callout-soft-btn-border: var(--warning-400);
  --warning-callout-soft-btn-bg: transparent;
  --warning-callout-soft-btn-text: var(--warning-900);
  /*--- surface ---*/
  --warning-callout-surface-border: var(--warning-300);
  --warning-callout-surface-bg: var(--warning-50);
  --warning-callout-surface-icon-bg: var(--warning-300);
  --warning-callout-surface-icon: var(--warning-900);
  --warning-callout-surface-text: var(--warning-900);
  --warning-callout-surface-btn-border: var(--warning-400);
  --warning-callout-surface-btn-bg: transparent;
  --warning-callout-surface-btn-text: var(--warning-900);
  /*--- outline ---*/
  --warning-callout-outline-border: var(--warning-300);
  --warning-callout-outline-bg: transparent;
  --warning-callout-outline-icon-bg: var(--warning-300);
  --warning-callout-outline-icon: var(--warning-900);
  --warning-callout-outline-text: var(--warning-900);
  --warning-callout-outline-btn-border: var(--warning-400);
  --warning-callout-outline-btn-bg: transparent;
  --warning-callout-outline-btn-text: var(--warning-900);

  /* -- warning dark -- */
  /*--- solid ---*/
  --warning-dark-callout-solid-border: var(--warning-600);
  --warning-dark-callout-solid-bg: var(--warning-600);
  --warning-dark-callout-solid-icon-bg: var(--warning-900);
  --warning-dark-callout-solid-icon: var(--warning-200);
  --warning-dark-callout-solid-text: var(--warning-900);
  --warning-dark-callout-solid-btn-border: var(--warning-900);
  --warning-dark-callout-solid-btn-bg: transparent;
  --warning-dark-callout-solid-btn-text: var(--warning-900);
  /*--- soft ---*/
  --warning-dark-callout-soft-border: var(--warning-800);
  --warning-dark-callout-soft-bg: var(--warning-800);
  --warning-dark-callout-soft-icon-bg: var(--warning-200);
  --warning-dark-callout-soft-icon: var(--warning-900);
  --warning-dark-callout-soft-text: var(--warning-200);
  --warning-dark-callout-soft-btn-border: var(--warning-200);
  --warning-dark-callout-soft-btn-bg: transparent;
  --warning-dark-callout-soft-btn-text: var(--warning-200);
  /*--- surface ---*/
  --warning-dark-callout-surface-border: var(--warning-700);
  --warning-dark-callout-surface-bg: var(--warning-900);
  --warning-dark-callout-surface-icon-bg: var(--warning-800);
  --warning-dark-callout-surface-icon: var(--warning-200);
  --warning-dark-callout-surface-text: var(--warning-200);
  --warning-dark-callout-surface-btn-border: var(--warning-200);
  --warning-dark-callout-surface-btn-bg: transparent;
  --warning-dark-callout-surface-btn-text: var(--warning-200);
  /*--- outline ---*/
  --warning-dark-callout-outline-border: var(--warning-700);
  --warning-dark-callout-outline-bg: transparent;
  --warning-dark-callout-outline-icon-bg: var(--warning-800);
  --warning-dark-callout-outline-icon: var(--warning-200);
  --warning-dark-callout-outline-text: var(--warning-200);
  --warning-dark-callout-outline-btn-border: var(--warning-200);
  --warning-dark-callout-outline-btn-bg: transparent;
  --warning-dark-callout-outline-btn-text: var(--warning-200);

  /* -- error light -- */
  /*--- solid ---*/
  --error-callout-solid-border: var(--error-500);
  --error-callout-solid-bg: var(--error-500);
  --error-callout-solid-icon-bg: var(--error-900);
  --error-callout-solid-icon: var(--error-200);
  --error-callout-solid-text: var(--error-900);
  --error-callout-solid-btn-border: var(--error-900);
  --error-callout-solid-btn-bg: transparent;
  --error-callout-solid-btn-text: var(--error-900);
  /*--- soft ---*/
  --error-callout-soft-border: var(--error-100);
  --error-callout-soft-bg: var(--error-100);
  --error-callout-soft-icon-bg: var(--error-300);
  --error-callout-soft-icon: var(--error-900);
  --error-callout-soft-text: var(--error-900);
  --error-callout-soft-btn-border: var(--error-400);
  --error-callout-soft-btn-bg: transparent;
  --error-callout-soft-btn-text: var(--error-900);
  /*--- surface ---*/
  --error-callout-surface-border: var(--error-300);
  --error-callout-surface-bg: var(--error-50);
  --error-callout-surface-icon-bg: var(--error-300);
  --error-callout-surface-icon: var(--error-900);
  --error-callout-surface-text: var(--error-900);
  --error-callout-surface-btn-border: var(--error-400);
  --error-callout-surface-btn-bg: transparent;
  --error-callout-surface-btn-text: var(--error-900);
  /*--- outline ---*/
  --error-callout-outline-border: var(--error-300);
  --error-callout-outline-bg: transparent;
  --error-callout-outline-icon-bg: var(--error-300);
  --error-callout-outline-icon: var(--error-900);
  --error-callout-outline-text: var(--error-900);
  --error-callout-outline-btn-border: var(--error-400);
  --error-callout-outline-btn-bg: transparent;
  --error-callout-outline-btn-text: var(--error-900);

  /* -- error dark -- */
  /*--- solid ---*/
  --error-dark-callout-solid-border: var(--error-600);
  --error-dark-callout-solid-bg: var(--error-600);
  --error-dark-callout-solid-icon-bg: var(--error-900);
  --error-dark-callout-solid-icon: var(--error-200);
  --error-dark-callout-solid-text: var(--error-900);
  --error-dark-callout-solid-btn-border: var(--error-900);
  --error-dark-callout-solid-btn-bg: transparent;
  --error-dark-callout-solid-btn-text: var(--error-900);
  /*--- soft ---*/
  --error-dark-callout-soft-border: var(--error-800);
  --error-dark-callout-soft-bg: var(--error-800);
  --error-dark-callout-soft-icon-bg: var(--error-200);
  --error-dark-callout-soft-icon: var(--error-900);
  --error-dark-callout-soft-text: var(--error-200);
  --error-dark-callout-soft-btn-border: var(--error-200);
  --error-dark-callout-soft-btn-bg: transparent;
  --error-dark-callout-soft-btn-text: var(--error-200);
  /*--- surface ---*/
  --error-dark-callout-surface-border: var(--error-700);
  --error-dark-callout-surface-bg: var(--error-900);
  --error-dark-callout-surface-icon-bg: var(--error-800);
  --error-dark-callout-surface-icon: var(--error-200);
  --error-dark-callout-surface-text: var(--error-200);
  --error-dark-callout-surface-btn-border: var(--error-200);
  --error-dark-callout-surface-btn-bg: transparent;
  --error-dark-callout-surface-btn-text: var(--error-200);
  /*--- outline ---*/
  --error-dark-callout-outline-border: var(--error-700);
  --error-dark-callout-outline-bg: transparent;
  --error-dark-callout-outline-icon-bg: var(--error-800);
  --error-dark-callout-outline-icon: var(--error-200);
  --error-dark-callout-outline-text: var(--error-200);
  --error-dark-callout-outline-btn-border: var(--error-200);
  --error-dark-callout-outline-btn-bg: transparent;
  --error-dark-callout-outline-btn-text: var(--error-200);

  /* -- info light -- */
  /*--- solid ---*/
  --info-callout-solid-border: var(--info-500);
  --info-callout-solid-bg: var(--info-500);
  --info-callout-solid-icon-bg: var(--info-900);
  --info-callout-solid-icon: var(--info-200);
  --info-callout-solid-text: var(--info-900);
  --info-callout-solid-btn-border: var(--info-900);
  --info-callout-solid-btn-bg: transparent;
  --info-callout-solid-btn-text: var(--info-900);
  /*--- soft ---*/
  --info-callout-soft-border: var(--info-100);
  --info-callout-soft-bg: var(--info-100);
  --info-callout-soft-icon-bg: var(--info-300);
  --info-callout-soft-icon: var(--info-900);
  --info-callout-soft-text: var(--info-900);
  --info-callout-soft-btn-border: var(--info-400);
  --info-callout-soft-btn-bg: transparent;
  --info-callout-soft-btn-text: var(--info-900);
  /*--- surface ---*/
  --info-callout-surface-border: var(--info-300);
  --info-callout-surface-bg: var(--info-50);
  --info-callout-surface-icon-bg: var(--info-300);
  --info-callout-surface-icon: var(--info-900);
  --info-callout-surface-text: var(--info-900);
  --info-callout-surface-btn-border: var(--info-400);
  --info-callout-surface-btn-bg: transparent;
  --info-callout-surface-btn-text: var(--info-900);
  /*--- outline ---*/
  --info-callout-outline-border: var(--info-300);
  --info-callout-outline-bg: transparent;
  --info-callout-outline-icon-bg: var(--info-300);
  --info-callout-outline-icon: var(--info-900);
  --info-callout-outline-text: var(--info-900);
  --info-callout-outline-btn-border: var(--info-400);
  --info-callout-outline-btn-bg: transparent;
  --info-callout-outline-btn-text: var(--info-900);

  /* -- info dark -- */
  /*--- solid ---*/
  --info-dark-callout-solid-border: var(--info-600);
  --info-dark-callout-solid-bg: var(--info-600);
  --info-dark-callout-solid-icon-bg: var(--info-900);
  --info-dark-callout-solid-icon: var(--info-200);
  --info-dark-callout-solid-text: var(--info-900);
  --info-dark-callout-solid-btn-border: var(--info-900);
  --info-dark-callout-solid-btn-bg: transparent;
  --info-dark-callout-solid-btn-text: var(--info-900);
  /*--- soft ---*/
  --info-dark-callout-soft-border: var(--info-800);
  --info-dark-callout-soft-bg: var(--info-800);
  --info-dark-callout-soft-icon-bg: var(--info-200);
  --info-dark-callout-soft-icon: var(--info-900);
  --info-dark-callout-soft-text: var(--info-200);
  --info-dark-callout-soft-btn-border: var(--info-200);
  --info-dark-callout-soft-btn-bg: transparent;
  --info-dark-callout-soft-btn-text: var(--info-200);
  /*--- surface ---*/
  --info-dark-callout-surface-border: var(--info-700);
  --info-dark-callout-surface-bg: var(--info-900);
  --info-dark-callout-surface-icon-bg: var(--info-800);
  --info-dark-callout-surface-icon: var(--info-200);
  --info-dark-callout-surface-text: var(--info-200);
  --info-dark-callout-surface-btn-border: var(--info-200);
  --info-dark-callout-surface-btn-bg: transparent;
  --info-dark-callout-surface-btn-text: var(--info-200);
  /*--- outline ---*/
  --info-dark-callout-outline-border: var(--info-700);
  --info-dark-callout-outline-bg: transparent;
  --info-dark-callout-outline-icon-bg: var(--info-800);
  --info-dark-callout-outline-icon: var(--info-200);
  --info-dark-callout-outline-text: var(--info-200);
  --info-dark-callout-outline-btn-border: var(--info-200);
  --info-dark-callout-outline-btn-bg: transparent;
  --info-dark-callout-outline-btn-text: var(--info-200);


  /* --------------------------------- Badges --------------------------------- */

  /* -- brand light -- */
  /*--- solid ---*/
  --brand-teal-badge-solid-border: var(--color-900);
  --brand-teal-badge-solid-bg: var(--color-900);
  --brand-teal-badge-solid-text: var(--color-200);
  /*--- soft ---*/
  --brand-teal-badge-soft-border: var(--color-200);
  --brand-teal-badge-soft-bg: var(--color-200);
  --brand-teal-badge-soft-text: var(--color-900);
  /*--- surface ---*/
  --brand-teal-badge-surface-border: var(--color-300);
  --brand-teal-badge-surface-bg: var(--color-50);
  --brand-teal-badge-surface-text: var(--color-700);
  /*--- outline ---*/
  --brand-teal-badge-outline-border: var(--color-300);
  --brand-teal-badge-outline-bg: transparent;
  --brand-teal-badge-outline-text: var(--color-700);

  /* -- brand dark -- */
  /*--- solid ---*/
  --brand-teal-dark-badge-solid-border: var(--color-200);
  --brand-teal-dark-badge-solid-bg: var(--color-200);
  --brand-teal-dark-badge-solid-text: var(--color-900);
  /*--- soft ---*/
  --brand-teal-dark-badge-soft-border: var(--color-700);
  --brand-teal-dark-badge-soft-bg: var(--color-700);
  --brand-teal-dark-badge-soft-text: var(--color-200);
  /*--- surface ---*/
  --brand-teal-dark-badge-surface-border: var(--color-700);
  --brand-teal-dark-badge-surface-bg: var(--color-800);
  --brand-teal-dark-badge-surface-text: var(--color-200);
  /*--- outline ---*/
  --brand-teal-dark-badge-outline-border: var(--color-700);
  --brand-teal-dark-badge-outline-bg: transparent;
  --brand-teal-dark-badge-outline-text: var(--color-200);

  /* -- neutral light -- */
  /*--- solid ---*/
  --neutral-badge-solid-border: var(--neutral-900);
  --neutral-badge-solid-bg: var(--neutral-900);
  --neutral-badge-solid-text: var(--neutral-200);
  /*--- soft ---*/
  --neutral-badge-soft-border: var(--neutral-200);
  --neutral-badge-soft-bg: var(--neutral-200);
  --neutral-badge-soft-text: var(--neutral-900);
  /*--- surface ---*/
  --neutral-badge-surface-border: var(--neutral-300);
  --neutral-badge-surface-bg: var(--neutral-50);
  --neutral-badge-surface-text: var(--neutral-700);
  /*--- outline ---*/
  --neutral-badge-outline-border: var(--neutral-300);
  --neutral-badge-outline-bg: transparent;
  --neutral-badge-outline-text: var(--neutral-700);

  /* -- neutral dark -- */
  /*--- solid ---*/
  --neutral-dark-badge-solid-border: var(--neutral-200);
  --neutral-dark-badge-solid-bg: var(--neutral-200);
  --neutral-dark-badge-solid-text: var(--neutral-900);
  /*--- soft ---*/
  --neutral-dark-badge-soft-border: var(--neutral-700);
  --neutral-dark-badge-soft-bg: var(--neutral-700);
  --neutral-dark-badge-soft-text: var(--neutral-200);
  /*--- surface ---*/
  --neutral-dark-badge-surface-border: var(--neutral-700);
  --neutral-dark-badge-surface-bg: var(--neutral-800);
  --neutral-dark-badge-surface-text: var(--neutral-200);
  /*--- outline ---*/
  --neutral-dark-badge-outline-border: var(--neutral-700);
  --neutral-dark-badge-outline-bg: transparent;
  --neutral-dark-badge-outline-text: var(--neutral-200);

  /* -- success light -- */
  /*--- solid ---*/
  --success-badge-solid-border: var(--success-900);
  --success-badge-solid-bg: var(--success-900);
  --success-badge-solid-text: var(--success-200);
  /*--- soft ---*/
  --success-badge-soft-border: var(--success-200);
  --success-badge-soft-bg: var(--success-200);
  --success-badge-soft-text: var(--success-900);
  /*--- surface ---*/
  --success-badge-surface-border: var(--success-300);
  --success-badge-surface-bg: var(--success-50);
  --success-badge-surface-text: var(--success-700);
  /*--- outline ---*/
  --success-badge-outline-border: var(--success-300);
  --success-badge-outline-bg: transparent;
  --success-badge-outline-text: var(--success-700);

  /* -- success dark -- */
  /*--- solid ---*/
  --success-dark-badge-solid-border: var(--success-200);
  --success-dark-badge-solid-bg: var(--success-200);
  --success-dark-badge-solid-text: var(--success-900);
  /*--- soft ---*/
  --success-dark-badge-soft-border: var(--success-700);
  --success-dark-badge-soft-bg: var(--success-700);
  --success-dark-badge-soft-text: var(--success-200);
  /*--- surface ---*/
  --success-dark-badge-surface-border: var(--success-700);
  --success-dark-badge-surface-bg: var(--success-800);
  --success-dark-badge-surface-text: var(--success-200);
  /*--- outline ---*/
  --success-dark-badge-outline-border: var(--success-700);
  --success-dark-badge-outline-bg: transparent;
  --success-dark-badge-outline-text: var(--success-200);

  /* -- warning light -- */
  /*--- solid ---*/
  --warning-badge-solid-border: var(--warning-900);
  --warning-badge-solid-bg: var(--warning-900);
  --warning-badge-solid-text: var(--warning-200);
  /*--- soft ---*/
  --warning-badge-soft-border: var(--warning-200);
  --warning-badge-soft-bg: var(--warning-200);
  --warning-badge-soft-text: var(--warning-900);
  /*--- surface ---*/
  --warning-badge-surface-border: var(--warning-300);
  --warning-badge-surface-bg: var(--warning-50);
  --warning-badge-surface-text: var(--warning-700);
  /*--- outline ---*/
  --warning-badge-outline-border: var(--warning-300);
  --warning-badge-outline-bg: transparent;
  --warning-badge-outline-text: var(--warning-700);

  /* -- warning dark -- */
  /*--- solid ---*/
  --warning-dark-badge-solid-border: var(--warning-200);
  --warning-dark-badge-solid-bg: var(--warning-200);
  --warning-dark-badge-solid-text: var(--warning-900);
  /*--- soft ---*/
  --warning-dark-badge-soft-border: var(--warning-700);
  --warning-dark-badge-soft-bg: var(--warning-700);
  --warning-dark-badge-soft-text: var(--warning-200);
  /*--- surface ---*/
  --warning-dark-badge-surface-border: var(--warning-700);
  --warning-dark-badge-surface-bg: var(--warning-800);
  --warning-dark-badge-surface-text: var(--warning-200);
  /*--- outline ---*/
  --warning-dark-badge-outline-border: var(--warning-700);
  --warning-dark-badge-outline-bg: transparent;
  --warning-dark-badge-outline-text: var(--warning-200);

  /* -- error light -- */
  /*--- solid ---*/
  --error-badge-solid-border: var(--error-900);
  --error-badge-solid-bg: var(--error-900);
  --error-badge-solid-text: var(--error-200);
  /*--- soft ---*/
  --error-badge-soft-border: var(--error-200);
  --error-badge-soft-bg: var(--error-200);
  --error-badge-soft-text: var(--error-900);
  /*--- surface ---*/
  --error-badge-surface-border: var(--error-300);
  --error-badge-surface-bg: var(--error-50);
  --error-badge-surface-text: var(--error-700);
  /*--- outline ---*/
  --error-badge-outline-border: var(--error-300);
  --error-badge-outline-bg: transparent;
  --error-badge-outline-text: var(--error-700);

  /* -- error dark -- */
  /*--- solid ---*/
  --error-dark-badge-solid-border: var(--error-200);
  --error-dark-badge-solid-bg: var(--error-200);
  --error-dark-badge-solid-text: var(--error-900);
  /*--- soft ---*/
  --error-dark-badge-soft-border: var(--error-700);
  --error-dark-badge-soft-bg: var(--error-700);
  --error-dark-badge-soft-text: var(--error-200);
  /*--- surface ---*/
  --error-dark-badge-surface-border: var(--error-700);
  --error-dark-badge-surface-bg: var(--error-800);
  --error-dark-badge-surface-text: var(--error-200);
  /*--- outline ---*/
  --error-dark-badge-outline-border: var(--error-700);
  --error-dark-badge-outline-bg: transparent;
  --error-dark-badge-outline-text: var(--error-200);

  /* -- info light -- */
  /*--- solid ---*/
  --info-badge-solid-border: var(--info-900);
  --info-badge-solid-bg: var(--info-900);
  --info-badge-solid-text: var(--info-200);
  /*--- soft ---*/
  --info-badge-soft-border: var(--info-200);
  --info-badge-soft-bg: var(--info-200);
  --info-badge-soft-text: var(--info-900);
  /*--- surface ---*/
  --info-badge-surface-border: var(--info-300);
  --info-badge-surface-bg: var(--info-50);
  --info-badge-surface-text: var(--info-700);
  /*--- outline ---*/
  --info-badge-outline-border: var(--info-300);
  --info-badge-outline-bg: transparent;
  --info-badge-outline-text: var(--info-700);

  /* -- info dark -- */
  /*--- solid ---*/
  --info-dark-badge-solid-border: var(--info-200);
  --info-dark-badge-solid-bg: var(--info-200);
  --info-dark-badge-solid-text: var(--info-900);
  /*--- soft ---*/
  --info-dark-badge-soft-border: var(--info-700);
  --info-dark-badge-soft-bg: var(--info-700);
  --info-dark-badge-soft-text: var(--info-200);
  /*--- surface ---*/
  --info-dark-badge-surface-border: var(--info-700);
  --info-dark-badge-surface-bg: var(--info-800);
  --info-dark-badge-surface-text: var(--info-200);
  /*--- outline ---*/
  --info-dark-badge-outline-border: var(--info-700);
  --info-dark-badge-outline-bg: transparent;
  --info-dark-badge-outline-text: var(--info-200);


  /* --------------------------------- Progress Preloaders --------------------------------- */

  /* -- brand light -- */
  /*--- progress ---*/
  --brand-teal-progress-border: transparent;
  --brand-teal-progress-bg: var(--color-800);
  --brand-teal-progress-element: var(--color-200);
  /*--- preloader1 ---*/
  --brand-teal-preloader1-border: transparent;
  --brand-teal-preloader1-bg: var(--color-500);
  --brand-teal-preloader1-element: var(--color-white);
  /*--- preloader2 ---*/
  --brand-teal-preloader2-border: transparent;
  --brand-teal-preloader2-bg: transparent;
  --brand-teal-preloader2-element: var(--color-500);
  /*--- preloader3 ---*/
  --brand-teal-preloader3-border: transparent;
  --brand-teal-preloader3-bg: transparent;
  --brand-teal-preloader3-element: var(--color-500);

  /* -- brand dark -- */
  /*--- progress ---*/
  --brand-teal-dark-progress-border: transparent;
  --brand-teal-dark-progress-bg: var(--color-800);
  --brand-teal-dark-progress-element: var(--color-200);
  /*--- preloader1 ---*/
  --brand-teal-dark-preloader1-border: transparent;
  --brand-teal-dark-preloader1-bg: var(--color-200);
  --brand-teal-dark-preloader1-element: var(--color-white);
  /*--- preloader2 ---*/
  --brand-teal-dark-preloader2-border: transparent;
  --brand-teal-dark-preloader2-bg: transparent;
  --brand-teal-dark-preloader2-element: var(--color-200);
  /*--- preloader3 ---*/
  --brand-teal-dark-preloader3-border: transparent;
  --brand-teal-dark-preloader3-bg: transparent;
  --brand-teal-dark-preloader3-element: var(--color-200);

  /* -- neutral light -- */
  /*--- progress ---*/
  --neutral-progress-border: transparent;
  --neutral-progress-bg: var(--neutral-800);
  --neutral-progress-element: var(--neutral-200);
  /*--- preloader1 ---*/
  --neutral-preloader1-border: transparent;
  --neutral-preloader1-bg: var(--neutral-500);
  --neutral-preloader1-element: var(--neutral-white);
  /*--- preloader2 ---*/
  --neutral-preloader2-border: transparent;
  --neutral-preloader2-bg: transparent;
  --neutral-preloader2-element: var(--neutral-500);
  /*--- preloader3 ---*/
  --neutral-preloader3-border: transparent;
  --neutral-preloader3-bg: transparent;
  --neutral-preloader3-element: var(--neutral-500);

  /* -- neutral dark -- */
  /*--- progress ---*/
  --neutral-dark-progress-border: transparent;
  --neutral-dark-progress-bg: var(--neutral-800);
  --neutral-dark-progress-element: var(--neutral-200);
  /*--- preloader1 ---*/
  --neutral-dark-preloader1-border: transparent;
  --neutral-dark-preloader1-bg: var(--neutral-200);
  --neutral-dark-preloader1-element: var(--neutral-white);
  /*--- preloader2 ---*/
  --neutral-dark-preloader2-border: transparent;
  --neutral-dark-preloader2-bg: transparent;
  --neutral-dark-preloader2-element: var(--neutral-200);
  /*--- preloader3 ---*/
  --neutral-dark-preloader3-border: transparent;
  --neutral-dark-preloader3-bg: transparent;
  --neutral-dark-preloader3-element: var(--neutral-200);

  /* -- success light -- */
  /*--- progress ---*/
  --success-progress-border: transparent;
  --success-progress-bg: var(--success-800);
  --success-progress-element: var(--success-200);
  /*--- preloader1 ---*/
  --success-preloader1-border: transparent;
  --success-preloader1-bg: var(--success-500);
  --success-preloader1-element: var(--success-white);
  /*--- preloader2 ---*/
  --success-preloader2-border: transparent;
  --success-preloader2-bg: transparent;
  --success-preloader2-element: var(--success-500);
  /*--- preloader3 ---*/
  --success-preloader3-border: transparent;
  --success-preloader3-bg: transparent;
  --success-preloader3-element: var(--success-500);

  /* -- success dark -- */
  /*--- progress ---*/
  --success-dark-progress-border: transparent;
  --success-dark-progress-bg: var(--success-800);
  --success-dark-progress-element: var(--success-200);
  /*--- preloader1 ---*/
  --success-dark-preloader1-border: transparent;
  --success-dark-preloader1-bg: var(--success-200);
  --success-dark-preloader1-element: var(--success-white);
  /*--- preloader2 ---*/
  --success-dark-preloader2-border: transparent;
  --success-dark-preloader2-bg: transparent;
  --success-dark-preloader2-element: var(--success-200);
  /*--- preloader3 ---*/
  --success-dark-preloader3-border: transparent;
  --success-dark-preloader3-bg: transparent;
  --success-dark-preloader3-element: var(--success-200);

  /* -- warning light -- */
  /*--- progress ---*/
  --warning-progress-border: transparent;
  --warning-progress-bg: var(--warning-800);
  --warning-progress-element: var(--warning-200);
  /*--- preloader1 ---*/
  --warning-preloader1-border: transparent;
  --warning-preloader1-bg: var(--warning-500);
  --warning-preloader1-element: var(--warning-white);
  /*--- preloader2 ---*/
  --warning-preloader2-border: transparent;
  --warning-preloader2-bg: transparent;
  --warning-preloader2-element: var(--warning-500);
  /*--- preloader3 ---*/
  --warning-preloader3-border: transparent;
  --warning-preloader3-bg: transparent;
  --warning-preloader3-element: var(--warning-500);

  /* -- warning dark -- */
  /*--- progress ---*/
  --warning-dark-progress-border: transparent;
  --warning-dark-progress-bg: var(--warning-800);
  --warning-dark-progress-element: var(--warning-200);
  /*--- preloader1 ---*/
  --warning-dark-preloader1-border: transparent;
  --warning-dark-preloader1-bg: var(--warning-200);
  --warning-dark-preloader1-element: var(--warning-white);
  /*--- preloader2 ---*/
  --warning-dark-preloader2-border: transparent;
  --warning-dark-preloader2-bg: transparent;
  --warning-dark-preloader2-element: var(--warning-200);
  /*--- preloader3 ---*/
  --warning-dark-preloader3-border: transparent;
  --warning-dark-preloader3-bg: transparent;
  --warning-dark-preloader3-element: var(--warning-200);

  /* -- error light -- */
  /*--- progress ---*/
  --error-progress-border: transparent;
  --error-progress-bg: var(--error-800);
  --error-progress-element: var(--error-200);
  /*--- preloader1 ---*/
  --error-preloader1-border: transparent;
  --error-preloader1-bg: var(--error-500);
  --error-preloader1-element: var(--error-white);
  /*--- preloader2 ---*/
  --error-preloader2-border: transparent;
  --error-preloader2-bg: transparent;
  --error-preloader2-element: var(--error-500);
  /*--- preloader3 ---*/
  --error-preloader3-border: transparent;
  --error-preloader3-bg: transparent;
  --error-preloader3-element: var(--error-500);

  /* -- error dark -- */
  /*--- progress ---*/
  --error-dark-progress-border: transparent;
  --error-dark-progress-bg: var(--error-800);
  --error-dark-progress-element: var(--error-200);
  /*--- preloader1 ---*/
  --error-dark-preloader1-border: transparent;
  --error-dark-preloader1-bg: var(--error-200);
  --error-dark-preloader1-element: var(--error-white);
  /*--- preloader2 ---*/
  --error-dark-preloader2-border: transparent;
  --error-dark-preloader2-bg: transparent;
  --error-dark-preloader2-element: var(--error-200);
  /*--- preloader3 ---*/
  --error-dark-preloader3-border: transparent;
  --error-dark-preloader3-bg: transparent;
  --error-dark-preloader3-element: var(--error-200);

  /* -- info light -- */
  /*--- progress ---*/
  --info-progress-border: transparent;
  --info-progress-bg: var(--info-800);
  --info-progress-element: var(--info-200);
  /*--- preloader1 ---*/
  --info-preloader1-border: transparent;
  --info-preloader1-bg: var(--info-500);
  --info-preloader1-element: var(--info-white);
  /*--- preloader2 ---*/
  --info-preloader2-border: transparent;
  --info-preloader2-bg: transparent;
  --info-preloader2-element: var(--info-500);
  /*--- preloader3 ---*/
  --info-preloader3-border: transparent;
  --info-preloader3-bg: transparent;
  --info-preloader3-element: var(--info-500);

  /* -- info dark -- */
  /*--- progress ---*/
  --info-dark-progress-border: transparent;
  --info-dark-progress-bg: var(--info-800);
  --info-dark-progress-element: var(--info-200);
  /*--- preloader1 ---*/
  --info-dark-preloader1-border: transparent;
  --info-dark-preloader1-bg: var(--info-200);
  --info-dark-preloader1-element: var(--info-white);
  /*--- preloader2 ---*/
  --info-dark-preloader2-border: transparent;
  --info-dark-preloader2-bg: transparent;
  --info-dark-preloader2-element: var(--info-200);
  /*--- preloader3 ---*/
  --info-dark-preloader3-border: transparent;
  --info-dark-preloader3-bg: transparent;
  --info-dark-preloader3-element: var(--info-200);


  /* --------------------------------- Avatars --------------------------------- */

  /* -- brand light -- */
  /*--- solid ---*/
  --brand-teal-avatar-solid-border: var(--color-500);
  --brand-teal-avatar-solid-bg: var(--color-500);
  --brand-teal-avatar-solid-icon: var(--color-white);
  /*--- soft ---*/
  --brand-teal-avatar-soft-border: var(--color-100);
  --brand-teal-avatar-soft-bg: var(--color-100);
  --brand-teal-avatar-soft-icon: var(--color-700);
  /*--- surface ---*/
  --brand-teal-avatar-surface-border: var(--color-300);
  --brand-teal-avatar-surface-bg: var(--color-50);
  --brand-teal-avatar-surface-icon: var(--color-700);
  /*--- outline ---*/
  --brand-teal-avatar-outline-border: var(--color-300);
  --brand-teal-avatar-outline-bg: transparent;
  --brand-teal-avatar-outline-icon: var(--color-700);

  /* -- brand dark -- */
  /*--- solid ---*/
  --brand-teal-dark-avatar-solid-border: var(--color-500);
  --brand-teal-dark-avatar-solid-bg: var(--color-500);
  --brand-teal-dark-avatar-solid-icon: var(--color-white);
  /*--- soft ---*/
  --brand-teal-dark-avatar-soft-border: var(--color-800);
  --brand-teal-dark-avatar-soft-bg: var(--color-800);
  --brand-teal-dark-avatar-soft-icon: var(--color-white);
  /*--- surface ---*/
  --brand-teal-dark-avatar-surface-border: var(--color-700);
  --brand-teal-dark-avatar-surface-bg: var(--color-900);
  --brand-teal-dark-avatar-surface-icon: var(--color-200);
  /*--- outline ---*/
  --brand-teal-dark-avatar-outline-border: var(--color-700);
  --brand-teal-dark-avatar-outline-bg: transparent;
  --brand-teal-dark-avatar-outline-icon: var(--color-200);

  /* -- neutral light -- */
  /*--- solid ---*/
  --neutral-avatar-solid-border: var(--neutral-500);
  --neutral-avatar-solid-bg: var(--neutral-500);
  --neutral-avatar-solid-icon: var(--neutral-white);
  /*--- soft ---*/
  --neutral-avatar-soft-border: var(--neutral-100);
  --neutral-avatar-soft-bg: var(--neutral-100);
  --neutral-avatar-soft-icon: var(--neutral-700);
  /*--- surface ---*/
  --neutral-avatar-surface-border: var(--neutral-300);
  --neutral-avatar-surface-bg: var(--neutral-50);
  --neutral-avatar-surface-icon: var(--neutral-700);
  /*--- outline ---*/
  --neutral-avatar-outline-border: var(--neutral-300);
  --neutral-avatar-outline-bg: transparent;
  --neutral-avatar-outline-icon: var(--neutral-700);

  /* -- neutral dark -- */
  /*--- solid ---*/
  --neutral-dark-avatar-solid-border: var(--neutral-500);
  --neutral-dark-avatar-solid-bg: var(--neutral-500);
  --neutral-dark-avatar-solid-icon: var(--neutral-white);
  /*--- soft ---*/
  --neutral-dark-avatar-soft-border: var(--neutral-800);
  --neutral-dark-avatar-soft-bg: var(--neutral-800);
  --neutral-dark-avatar-soft-icon: var(--neutral-white);
  /*--- surface ---*/
  --neutral-dark-avatar-surface-border: var(--neutral-700);
  --neutral-dark-avatar-surface-bg: var(--neutral-900);
  --neutral-dark-avatar-surface-icon: var(--neutral-200);
  /*--- outline ---*/
  --neutral-dark-avatar-outline-border: var(--neutral-700);
  --neutral-dark-avatar-outline-bg: transparent;
  --neutral-dark-avatar-outline-icon: var(--neutral-200);

  /* -- success light -- */
  /*--- solid ---*/
  --success-avatar-solid-border: var(--success-500);
  --success-avatar-solid-bg: var(--success-500);
  --success-avatar-solid-icon: var(--success-white);
  /*--- soft ---*/
  --success-avatar-soft-border: var(--success-100);
  --success-avatar-soft-bg: var(--success-100);
  --success-avatar-soft-icon: var(--success-700);
  /*--- surface ---*/
  --success-avatar-surface-border: var(--success-300);
  --success-avatar-surface-bg: var(--success-50);
  --success-avatar-surface-icon: var(--success-700);
  /*--- outline ---*/
  --success-avatar-outline-border: var(--success-300);
  --success-avatar-outline-bg: transparent;
  --success-avatar-outline-icon: var(--success-700);

  /* -- success dark -- */
  /*--- solid ---*/
  --success-dark-avatar-solid-border: var(--success-500);
  --success-dark-avatar-solid-bg: var(--success-500);
  --success-dark-avatar-solid-icon: var(--success-white);
  /*--- soft ---*/
  --success-dark-avatar-soft-border: var(--success-800);
  --success-dark-avatar-soft-bg: var(--success-800);
  --success-dark-avatar-soft-icon: var(--success-white);
  /*--- surface ---*/
  --success-dark-avatar-surface-border: var(--success-700);
  --success-dark-avatar-surface-bg: var(--success-900);
  --success-dark-avatar-surface-icon: var(--success-200);
  /*--- outline ---*/
  --success-dark-avatar-outline-border: var(--success-700);
  --success-dark-avatar-outline-bg: transparent;
  --success-dark-avatar-outline-icon: var(--success-200);

  /* -- warning light -- */
  /*--- solid ---*/
  --warning-avatar-solid-border: var(--warning-500);
  --warning-avatar-solid-bg: var(--warning-500);
  --warning-avatar-solid-icon: var(--warning-white);
  /*--- soft ---*/
  --warning-avatar-soft-border: var(--warning-100);
  --warning-avatar-soft-bg: var(--warning-100);
  --warning-avatar-soft-icon: var(--warning-700);
  /*--- surface ---*/
  --warning-avatar-surface-border: var(--warning-300);
  --warning-avatar-surface-bg: var(--warning-50);
  --warning-avatar-surface-icon: var(--warning-700);
  /*--- outline ---*/
  --warning-avatar-outline-border: var(--warning-300);
  --warning-avatar-outline-bg: transparent;
  --warning-avatar-outline-icon: var(--warning-700);

  /* -- warning dark -- */
  /*--- solid ---*/
  --warning-dark-avatar-solid-border: var(--warning-500);
  --warning-dark-avatar-solid-bg: var(--warning-500);
  --warning-dark-avatar-solid-icon: var(--warning-white);
  /*--- soft ---*/
  --warning-dark-avatar-soft-border: var(--warning-800);
  --warning-dark-avatar-soft-bg: var(--warning-800);
  --warning-dark-avatar-soft-icon: var(--warning-white);
  /*--- surface ---*/
  --warning-dark-avatar-surface-border: var(--warning-700);
  --warning-dark-avatar-surface-bg: var(--warning-900);
  --warning-dark-avatar-surface-icon: var(--warning-200);
  /*--- outline ---*/
  --warning-dark-avatar-outline-border: var(--warning-700);
  --warning-dark-avatar-outline-bg: transparent;
  --warning-dark-avatar-outline-icon: var(--warning-200);

  /* -- error light -- */
  /*--- solid ---*/
  --error-avatar-solid-border: var(--error-500);
  --error-avatar-solid-bg: var(--error-500);
  --error-avatar-solid-icon: var(--error-white);
  /*--- soft ---*/
  --error-avatar-soft-border: var(--error-100);
  --error-avatar-soft-bg: var(--error-100);
  --error-avatar-soft-icon: var(--error-700);
  /*--- surface ---*/
  --error-avatar-surface-border: var(--error-300);
  --error-avatar-surface-bg: var(--error-50);
  --error-avatar-surface-icon: var(--error-700);
  /*--- outline ---*/
  --error-avatar-outline-border: var(--error-300);
  --error-avatar-outline-bg: transparent;
  --error-avatar-outline-icon: var(--error-700);

  /* -- error dark -- */
  /*--- solid ---*/
  --error-dark-avatar-solid-border: var(--error-500);
  --error-dark-avatar-solid-bg: var(--error-500);
  --error-dark-avatar-solid-icon: var(--error-white);
  /*--- soft ---*/
  --error-dark-avatar-soft-border: var(--error-800);
  --error-dark-avatar-soft-bg: var(--error-800);
  --error-dark-avatar-soft-icon: var(--error-white);
  /*--- surface ---*/
  --error-dark-avatar-surface-border: var(--error-700);
  --error-dark-avatar-surface-bg: var(--error-900);
  --error-dark-avatar-surface-icon: var(--error-200);
  /*--- outline ---*/
  --error-dark-avatar-outline-border: var(--error-700);
  --error-dark-avatar-outline-bg: transparent;
  --error-dark-avatar-outline-icon: var(--error-200);

  /* -- info light -- */
  /*--- solid ---*/
  --info-avatar-solid-border: var(--info-500);
  --info-avatar-solid-bg: var(--info-500);
  --info-avatar-solid-icon: var(--info-white);
  /*--- soft ---*/
  --info-avatar-soft-border: var(--info-100);
  --info-avatar-soft-bg: var(--info-100);
  --info-avatar-soft-icon: var(--info-700);
  /*--- surface ---*/
  --info-avatar-surface-border: var(--info-300);
  --info-avatar-surface-bg: var(--info-50);
  --info-avatar-surface-icon: var(--info-700);
  /*--- outline ---*/
  --info-avatar-outline-border: var(--info-300);
  --info-avatar-outline-bg: transparent;
  --info-avatar-outline-icon: var(--info-700);

  /* -- info dark -- */
  /*--- solid ---*/
  --info-dark-avatar-solid-border: var(--info-500);
  --info-dark-avatar-solid-bg: var(--info-500);
  --info-dark-avatar-solid-icon: var(--info-white);
  /*--- soft ---*/
  --info-dark-avatar-soft-border: var(--info-800);
  --info-dark-avatar-soft-bg: var(--info-800);
  --info-dark-avatar-soft-icon: var(--info-white);
  /*--- surface ---*/
  --info-dark-avatar-surface-border: var(--info-700);
  --info-dark-avatar-surface-bg: var(--info-900);
  --info-dark-avatar-surface-icon: var(--info-200);
  /*--- outline ---*/
  --info-dark-avatar-outline-border: var(--info-700);
  --info-dark-avatar-outline-bg: transparent;
  --info-dark-avatar-outline-icon: var(--info-200);


  /* --------------------------------- Charts --------------------------------- */

  /* -- brand light -- */
  /*--- barmulti ---*/
  --brand-teal-chart-barmulti-border: transparent;
  --brand-teal-chart-barmulti-bg: transparent;
  --brand-teal-chart-barmulti-element: var(--color-500);
  /*--- area ---*/
  --brand-teal-chart-area-border: transparent;
  --brand-teal-chart-area-bg: transparent;
  --brand-teal-chart-area-element: var(--color-500);
  /*--- barstacked ---*/
  --brand-teal-chart-barstacked-border: transparent;
  --brand-teal-chart-barstacked-bg: transparent;
  --brand-teal-chart-barstacked-element: var(--color-500);

  /* -- brand dark -- */
  /*--- barmulti ---*/
  --brand-teal-dark-chart-barmulti-border: transparent;
  --brand-teal-dark-chart-barmulti-bg: transparent;
  --brand-teal-dark-chart-barmulti-element: var(--color-500);
  /*--- area ---*/
  --brand-teal-dark-chart-area-border: transparent;
  --brand-teal-dark-chart-area-bg: transparent;
  --brand-teal-dark-chart-area-element: var(--color-500);
  /*--- barstacked ---*/
  --brand-teal-dark-chart-barstacked-border: transparent;
  --brand-teal-dark-chart-barstacked-bg: transparent;
  --brand-teal-dark-chart-barstacked-element: var(--color-500);

  /* -- neutral light -- */
  /*--- barmulti ---*/
  --neutral-chart-barmulti-border: transparent;
  --neutral-chart-barmulti-bg: transparent;
  --neutral-chart-barmulti-element: var(--neutral-500);
  /*--- area ---*/
  --neutral-chart-area-border: transparent;
  --neutral-chart-area-bg: transparent;
  --neutral-chart-area-element: var(--neutral-500);
  /*--- barstacked ---*/
  --neutral-chart-barstacked-border: transparent;
  --neutral-chart-barstacked-bg: transparent;
  --neutral-chart-barstacked-element: var(--neutral-500);

  /* -- neutral dark -- */
  /*--- barmulti ---*/
  --neutral-dark-chart-barmulti-border: transparent;
  --neutral-dark-chart-barmulti-bg: transparent;
  --neutral-dark-chart-barmulti-element: var(--neutral-500);
  /*--- area ---*/
  --neutral-dark-chart-area-border: transparent;
  --neutral-dark-chart-area-bg: transparent;
  --neutral-dark-chart-area-element: var(--neutral-500);
  /*--- barstacked ---*/
  --neutral-dark-chart-barstacked-border: transparent;
  --neutral-dark-chart-barstacked-bg: transparent;
  --neutral-dark-chart-barstacked-element: var(--neutral-500);

  /* -- success light -- */
  /*--- barmulti ---*/
  --success-chart-barmulti-border: transparent;
  --success-chart-barmulti-bg: transparent;
  --success-chart-barmulti-element: var(--success-500);
  /*--- area ---*/
  --success-chart-area-border: transparent;
  --success-chart-area-bg: transparent;
  --success-chart-area-element: var(--success-500);
  /*--- barstacked ---*/
  --success-chart-barstacked-border: transparent;
  --success-chart-barstacked-bg: transparent;
  --success-chart-barstacked-element: var(--success-500);

  /* -- success dark -- */
  /*--- barmulti ---*/
  --success-dark-chart-barmulti-border: transparent;
  --success-dark-chart-barmulti-bg: transparent;
  --success-dark-chart-barmulti-element: var(--success-500);
  /*--- area ---*/
  --success-dark-chart-area-border: transparent;
  --success-dark-chart-area-bg: transparent;
  --success-dark-chart-area-element: var(--success-500);
  /*--- barstacked ---*/
  --success-dark-chart-barstacked-border: transparent;
  --success-dark-chart-barstacked-bg: transparent;
  --success-dark-chart-barstacked-element: var(--success-500);

  /* -- warning light -- */
  /*--- barmulti ---*/
  --warning-chart-barmulti-border: transparent;
  --warning-chart-barmulti-bg: transparent;
  --warning-chart-barmulti-element: var(--warning-500);
  /*--- area ---*/
  --warning-chart-area-border: transparent;
  --warning-chart-area-bg: transparent;
  --warning-chart-area-element: var(--warning-500);
  /*--- barstacked ---*/
  --warning-chart-barstacked-border: transparent;
  --warning-chart-barstacked-bg: transparent;
  --warning-chart-barstacked-element: var(--warning-500);

  /* -- warning dark -- */
  /*--- barmulti ---*/
  --warning-dark-chart-barmulti-border: transparent;
  --warning-dark-chart-barmulti-bg: transparent;
  --warning-dark-chart-barmulti-element: var(--warning-500);
  /*--- area ---*/
  --warning-dark-chart-area-border: transparent;
  --warning-dark-chart-area-bg: transparent;
  --warning-dark-chart-area-element: var(--warning-500);
  /*--- barstacked ---*/
  --warning-dark-chart-barstacked-border: transparent;
  --warning-dark-chart-barstacked-bg: transparent;
  --warning-dark-chart-barstacked-element: var(--warning-500);

  /* -- error light -- */
  /*--- barmulti ---*/
  --error-chart-barmulti-border: transparent;
  --error-chart-barmulti-bg: transparent;
  --error-chart-barmulti-element: var(--error-500);
  /*--- area ---*/
  --error-chart-area-border: transparent;
  --error-chart-area-bg: transparent;
  --error-chart-area-element: var(--error-500);
  /*--- barstacked ---*/
  --error-chart-barstacked-border: transparent;
  --error-chart-barstacked-bg: transparent;
  --error-chart-barstacked-element: var(--error-500);

  /* -- error dark -- */
  /*--- barmulti ---*/
  --error-dark-chart-barmulti-border: transparent;
  --error-dark-chart-barmulti-bg: transparent;
  --error-dark-chart-barmulti-element: var(--error-500);
  /*--- area ---*/
  --error-dark-chart-area-border: transparent;
  --error-dark-chart-area-bg: transparent;
  --error-dark-chart-area-element: var(--error-500);
  /*--- barstacked ---*/
  --error-dark-chart-barstacked-border: transparent;
  --error-dark-chart-barstacked-bg: transparent;
  --error-dark-chart-barstacked-element: var(--error-500);

  /* -- info light -- */
  /*--- barmulti ---*/
  --info-chart-barmulti-border: transparent;
  --info-chart-barmulti-bg: transparent;
  --info-chart-barmulti-element: var(--info-500);
  /*--- area ---*/
  --info-chart-area-border: transparent;
  --info-chart-area-bg: transparent;
  --info-chart-area-element: var(--info-500);
  /*--- barstacked ---*/
  --info-chart-barstacked-border: transparent;
  --info-chart-barstacked-bg: transparent;
  --info-chart-barstacked-element: var(--info-500);

  /* -- info dark -- */
  /*--- barmulti ---*/
  --info-dark-chart-barmulti-border: transparent;
  --info-dark-chart-barmulti-bg: transparent;
  --info-dark-chart-barmulti-element: var(--info-500);
  /*--- area ---*/
  --info-dark-chart-area-border: transparent;
  --info-dark-chart-area-bg: transparent;
  --info-dark-chart-area-element: var(--info-500);
  /*--- barstacked ---*/
  --info-dark-chart-barstacked-border: transparent;
  --info-dark-chart-barstacked-bg: transparent;
  --info-dark-chart-barstacked-element: var(--info-500);


  /* ========================================= FONTS ========================================= */


  /* --------------------------------- Typography --------------------------------- */
  /* Font Families */
  --font-family-heading: 'Inter', sans-serif;
  --font-weight-heading: 700;
  --font-family-body: 'Inter', sans-serif;
  --font-weight-body: 400;
  /* Typography Scale */
  --text-display-l: clamp(4.25rem, 3.4577rem + 3.3803vw, 6.5rem);
  --text-display-m: clamp(3.875rem, 3.2148rem + 2.8169vw, 5.75rem);
  --text-display-s: clamp(3.5rem, 2.9278rem + 2.4413vw, 5.125rem);
  --text-ui-title-4xl: clamp(2.5rem, 2.1479rem + 1.5023vw, 3.5rem);
  --text-ui-title-3xl: clamp(2.125rem, 1.8169rem + 1.3146vw, 3rem);
  --text-ui-title-2xl: clamp(1.75rem, 1.4859rem + 1.1268vw, 2.5rem);
  --text-ui-title-xl: clamp(1.5rem, 1.3239rem + 0.7512vw, 2rem);
  --text-ui-title-lg: clamp(1.375rem, 1.243rem + 0.5634vw, 1.75rem);
  --text-ui-title-md: clamp(1.25rem, 1.118rem + 0.5634vw, 1.625rem);
  --text-ui-title-sm: clamp(1.1875rem, 1.1215rem + 0.2817vw, 1.375rem);
  --text-ui-title-xs: 1.125rem;
  --text-ui-title-xxs: 1rem;
  --text-h1-l: clamp(3.125rem, 2.5968rem + 2.2535vw, 4.625rem);
  --text-h1-m: clamp(2.875rem, 2.4349rem + 1.8779vw, 4.125rem);
  --text-h1-s: clamp(2.625rem, 2.2729rem + 1.5023vw, 3.625rem);
  --text-h2-l: clamp(2.375rem, 2.0669rem + 1.3146vw, 3.25rem);
  --text-h2-m: clamp(2.125rem, 1.8609rem + 1.1268vw, 2.875rem);
  --text-h2-s: clamp(1.875rem, 1.6109rem + 1.1268vw, 2.625rem);
  --text-h3-l: clamp(1.75rem, 1.5739rem + 0.7512vw, 2.25rem);
  --text-h3-m: clamp(1.625rem, 1.4489rem + 0.7512vw, 2.125rem);
  --text-h3-s: clamp(1.5rem, 1.3239rem + 0.7512vw, 2rem);
  --text-h3-xs: clamp(1.375rem, 1.243rem + 0.5634vw, 1.75rem);
  --text-h3-xxs: clamp(1.25rem, 1.118rem + 0.5634vw, 1.625rem);
  --text-h4: clamp(1.375rem, 1.1989rem + 0.7512vw, 1.875rem);
  --text-h5: clamp(1.25rem, 1.118rem + 0.5634vw, 1.625rem);
  --text-h6: clamp(1.1875rem, 1.1215rem + 0.2817vw, 1.375rem);
  --text-p-l: 1.125rem;
  --text-p-m: 1rem;
  --text-p-s: 0.875rem;
  --text-p-xs: 0.75rem;
  --text-p-xxs: 0.625rem;
  --text-ui-l: 1.125rem;
  --text-ui-m: 1rem;
  --text-ui-s: 0.875rem;
  --text-ui-xs: 0.75rem;
  --text-ui-xxs: 0.625rem;
  --text-link-l: 1.125rem;
  --text-link-m: 1rem;
  --text-link-s: 0.875rem;
  --text-link-xs: 0.75rem;
  --text-link-xxs: 0.625rem;


  /* ========================================= EFFECTS ========================================= */


  /* --------------------------------- Drop Shadows --------------------------------- */

  /* -- brand light -- */
  /* default */
  --shadow-brand-teal-default-1: rgba(19, 202, 156, 0.24) 0px 2px 4px 0px;
  --shadow-brand-teal-default-2: rgba(19, 202, 156, 0.29) 0px 5px 10px 0px;
  --shadow-brand-teal-default-3: rgba(19, 202, 156, 0.34) 0px 9.5px 19px 0px;
  --shadow-brand-teal-default-4: rgba(19, 202, 156, 0.38) 0px 16.25px 32.5px 0px;
  --shadow-brand-teal-default-5: rgba(19, 202, 156, 0.43) 0px 26.38px 52.75px 0px;
  /* subtle */
  --shadow-brand-teal-subtle-1: rgba(18, 152, 148, 0.24) 0px 2px 4px 0px;
  --shadow-brand-teal-subtle-2: rgba(18, 152, 148, 0.29) 0px 5px 10px 0px;
  --shadow-brand-teal-subtle-3: rgba(18, 152, 148, 0.34) 0px 9.5px 19px 0px;
  --shadow-brand-teal-subtle-4: rgba(18, 152, 148, 0.38) 0px 16.25px 32.5px 0px;
  --shadow-brand-teal-subtle-5: rgba(18, 152, 148, 0.43) 0px 26.38px 52.75px 0px;
  /* primary */
  --shadow-brand-teal-primary-1: rgba(15, 87, 104, 0.50) 0px 2px 4px 0px;
  --shadow-brand-teal-primary-2: rgba(15, 87, 104, 0.60) 0px 5px 10px 0px;
  --shadow-brand-teal-primary-3: rgba(15, 87, 104, 0.70) 0px 9.5px 19px 0px;
  --shadow-brand-teal-primary-4: rgba(15, 87, 104, 0.80) 0px 16.25px 32.5px 0px;
  --shadow-brand-teal-primary-5: rgba(15, 87, 104, 0.90) 0px 26.38px 52.75px 0px;

  /* -- brand dark -- */
  /* default */
  --shadow-dark-brand-teal-default-1: rgba(0,0,0,0.60) 0px 2px 4px 0px;
  --shadow-dark-brand-teal-default-2: rgba(0,0,0,0.72) 0px 5px 10px 0px;
  --shadow-dark-brand-teal-default-3: rgba(0,0,0,0.84) 0px 9.5px 19px 0px;
  --shadow-dark-brand-teal-default-4: rgba(0,0,0,0.96) 0px 16.25px 32.5px 0px;
  --shadow-dark-brand-teal-default-5: rgba(0,0,0,1.00) 0px 26.38px 52.75px 0px;
  /* subtle */
  --shadow-dark-brand-teal-subtle-1: rgba(0,0,0,0.60) 0px 2px 4px 0px;
  --shadow-dark-brand-teal-subtle-2: rgba(0,0,0,0.72) 0px 5px 10px 0px;
  --shadow-dark-brand-teal-subtle-3: rgba(0,0,0,0.84) 0px 9.5px 19px 0px;
  --shadow-dark-brand-teal-subtle-4: rgba(0,0,0,0.96) 0px 16.25px 32.5px 0px;
  --shadow-dark-brand-teal-subtle-5: rgba(0,0,0,1.00) 0px 26.38px 52.75px 0px;
  /* primary */
  --shadow-dark-brand-teal-primary-1: rgba(0,0,0,0.60) 0px 2px 4px 0px;
  --shadow-dark-brand-teal-primary-2: rgba(0,0,0,0.72) 0px 5px 10px 0px;
  --shadow-dark-brand-teal-primary-3: rgba(0,0,0,0.84) 0px 9.5px 19px 0px;
  --shadow-dark-brand-teal-primary-4: rgba(0,0,0,0.96) 0px 16.25px 32.5px 0px;
  --shadow-dark-brand-teal-primary-5: rgba(0,0,0,1.00) 0px 26.38px 52.75px 0px;

  /* -- neutral light -- */
  /* default */
  --shadow-neutral-default-1: rgba(91, 97, 109, 0.24) 0px 2px 4px 0px;
  --shadow-neutral-default-2: rgba(91, 97, 109, 0.29) 0px 5px 10px 0px;
  --shadow-neutral-default-3: rgba(91, 97, 109, 0.34) 0px 9.5px 19px 0px;
  --shadow-neutral-default-4: rgba(91, 97, 109, 0.38) 0px 16.25px 32.5px 0px;
  --shadow-neutral-default-5: rgba(91, 97, 109, 0.43) 0px 26.38px 52.75px 0px;
  /* subtle */
  --shadow-neutral-subtle-1: rgba(75, 80, 90, 0.24) 0px 2px 4px 0px;
  --shadow-neutral-subtle-2: rgba(75, 80, 90, 0.29) 0px 5px 10px 0px;
  --shadow-neutral-subtle-3: rgba(75, 80, 90, 0.34) 0px 9.5px 19px 0px;
  --shadow-neutral-subtle-4: rgba(75, 80, 90, 0.38) 0px 16.25px 32.5px 0px;
  --shadow-neutral-subtle-5: rgba(75, 80, 90, 0.43) 0px 26.38px 52.75px 0px;
  /* primary */
  --shadow-neutral-primary-1: rgba(59, 63, 70, 0.50) 0px 2px 4px 0px;
  --shadow-neutral-primary-2: rgba(59, 63, 70, 0.60) 0px 5px 10px 0px;
  --shadow-neutral-primary-3: rgba(59, 63, 70, 0.70) 0px 9.5px 19px 0px;
  --shadow-neutral-primary-4: rgba(59, 63, 70, 0.80) 0px 16.25px 32.5px 0px;
  --shadow-neutral-primary-5: rgba(59, 63, 70, 0.90) 0px 26.38px 52.75px 0px;

  /* -- neutral dark -- */
  /* default */
  --shadow-dark-neutral-default-1: rgba(0,0,0,0.60) 0px 2px 4px 0px;
  --shadow-dark-neutral-default-2: rgba(0,0,0,0.72) 0px 5px 10px 0px;
  --shadow-dark-neutral-default-3: rgba(0,0,0,0.84) 0px 9.5px 19px 0px;
  --shadow-dark-neutral-default-4: rgba(0,0,0,0.96) 0px 16.25px 32.5px 0px;
  --shadow-dark-neutral-default-5: rgba(0,0,0,1.00) 0px 26.38px 52.75px 0px;
  /* subtle */
  --shadow-dark-neutral-subtle-1: rgba(0,0,0,0.60) 0px 2px 4px 0px;
  --shadow-dark-neutral-subtle-2: rgba(0,0,0,0.72) 0px 5px 10px 0px;
  --shadow-dark-neutral-subtle-3: rgba(0,0,0,0.84) 0px 9.5px 19px 0px;
  --shadow-dark-neutral-subtle-4: rgba(0,0,0,0.96) 0px 16.25px 32.5px 0px;
  --shadow-dark-neutral-subtle-5: rgba(0,0,0,1.00) 0px 26.38px 52.75px 0px;
  /* primary */
  --shadow-dark-neutral-primary-1: rgba(0,0,0,0.60) 0px 2px 4px 0px;
  --shadow-dark-neutral-primary-2: rgba(0,0,0,0.72) 0px 5px 10px 0px;
  --shadow-dark-neutral-primary-3: rgba(0,0,0,0.84) 0px 9.5px 19px 0px;
  --shadow-dark-neutral-primary-4: rgba(0,0,0,0.96) 0px 16.25px 32.5px 0px;
  --shadow-dark-neutral-primary-5: rgba(0,0,0,1.00) 0px 26.38px 52.75px 0px;

  /* -- success light -- */
  /* default */
  --shadow-success-default-1: rgba(14, 157, 110, 0.24) 0px 2px 4px 0px;
  --shadow-success-default-2: rgba(14, 157, 110, 0.29) 0px 5px 10px 0px;
  --shadow-success-default-3: rgba(14, 157, 110, 0.34) 0px 9.5px 19px 0px;
  --shadow-success-default-4: rgba(14, 157, 110, 0.38) 0px 16.25px 32.5px 0px;
  --shadow-success-default-5: rgba(14, 157, 110, 0.43) 0px 26.38px 52.75px 0px;
  /* subtle */
  --shadow-success-subtle-1: rgba(11, 130, 90, 0.24) 0px 2px 4px 0px;
  --shadow-success-subtle-2: rgba(11, 130, 90, 0.29) 0px 5px 10px 0px;
  --shadow-success-subtle-3: rgba(11, 130, 90, 0.34) 0px 9.5px 19px 0px;
  --shadow-success-subtle-4: rgba(11, 130, 90, 0.38) 0px 16.25px 32.5px 0px;
  --shadow-success-subtle-5: rgba(11, 130, 90, 0.43) 0px 26.38px 52.75px 0px;
  /* primary */
  --shadow-success-primary-1: rgba(9, 102, 71, 0.50) 0px 2px 4px 0px;
  --shadow-success-primary-2: rgba(9, 102, 71, 0.60) 0px 5px 10px 0px;
  --shadow-success-primary-3: rgba(9, 102, 71, 0.70) 0px 9.5px 19px 0px;
  --shadow-success-primary-4: rgba(9, 102, 71, 0.80) 0px 16.25px 32.5px 0px;
  --shadow-success-primary-5: rgba(9, 102, 71, 0.90) 0px 26.38px 52.75px 0px;

  /* -- success dark -- */
  /* default */
  --shadow-dark-success-default-1: rgba(0,0,0,0.60) 0px 2px 4px 0px;
  --shadow-dark-success-default-2: rgba(0,0,0,0.72) 0px 5px 10px 0px;
  --shadow-dark-success-default-3: rgba(0,0,0,0.84) 0px 9.5px 19px 0px;
  --shadow-dark-success-default-4: rgba(0,0,0,0.96) 0px 16.25px 32.5px 0px;
  --shadow-dark-success-default-5: rgba(0,0,0,1.00) 0px 26.38px 52.75px 0px;
  /* subtle */
  --shadow-dark-success-subtle-1: rgba(0,0,0,0.60) 0px 2px 4px 0px;
  --shadow-dark-success-subtle-2: rgba(0,0,0,0.72) 0px 5px 10px 0px;
  --shadow-dark-success-subtle-3: rgba(0,0,0,0.84) 0px 9.5px 19px 0px;
  --shadow-dark-success-subtle-4: rgba(0,0,0,0.96) 0px 16.25px 32.5px 0px;
  --shadow-dark-success-subtle-5: rgba(0,0,0,1.00) 0px 26.38px 52.75px 0px;
  /* primary */
  --shadow-dark-success-primary-1: rgba(0,0,0,0.60) 0px 2px 4px 0px;
  --shadow-dark-success-primary-2: rgba(0,0,0,0.72) 0px 5px 10px 0px;
  --shadow-dark-success-primary-3: rgba(0,0,0,0.84) 0px 9.5px 19px 0px;
  --shadow-dark-success-primary-4: rgba(0,0,0,0.96) 0px 16.25px 32.5px 0px;
  --shadow-dark-success-primary-5: rgba(0,0,0,1.00) 0px 26.38px 52.75px 0px;

  /* -- warning light -- */
  /* default */
  --shadow-warning-default-1: rgba(208, 134, 9, 0.24) 0px 2px 4px 0px;
  --shadow-warning-default-2: rgba(208, 134, 9, 0.29) 0px 5px 10px 0px;
  --shadow-warning-default-3: rgba(208, 134, 9, 0.34) 0px 9.5px 19px 0px;
  --shadow-warning-default-4: rgba(208, 134, 9, 0.38) 0px 16.25px 32.5px 0px;
  --shadow-warning-default-5: rgba(208, 134, 9, 0.43) 0px 26.38px 52.75px 0px;
  /* subtle */
  --shadow-warning-subtle-1: rgba(172, 111, 8, 0.24) 0px 2px 4px 0px;
  --shadow-warning-subtle-2: rgba(172, 111, 8, 0.29) 0px 5px 10px 0px;
  --shadow-warning-subtle-3: rgba(172, 111, 8, 0.34) 0px 9.5px 19px 0px;
  --shadow-warning-subtle-4: rgba(172, 111, 8, 0.38) 0px 16.25px 32.5px 0px;
  --shadow-warning-subtle-5: rgba(172, 111, 8, 0.43) 0px 26.38px 52.75px 0px;
  /* primary */
  --shadow-warning-primary-1: rgba(135, 87, 6, 0.50) 0px 2px 4px 0px;
  --shadow-warning-primary-2: rgba(135, 87, 6, 0.60) 0px 5px 10px 0px;
  --shadow-warning-primary-3: rgba(135, 87, 6, 0.70) 0px 9.5px 19px 0px;
  --shadow-warning-primary-4: rgba(135, 87, 6, 0.80) 0px 16.25px 32.5px 0px;
  --shadow-warning-primary-5: rgba(135, 87, 6, 0.90) 0px 26.38px 52.75px 0px;

  /* -- warning dark -- */
  /* default */
  --shadow-dark-warning-default-1: rgba(0,0,0,0.60) 0px 2px 4px 0px;
  --shadow-dark-warning-default-2: rgba(0,0,0,0.72) 0px 5px 10px 0px;
  --shadow-dark-warning-default-3: rgba(0,0,0,0.84) 0px 9.5px 19px 0px;
  --shadow-dark-warning-default-4: rgba(0,0,0,0.96) 0px 16.25px 32.5px 0px;
  --shadow-dark-warning-default-5: rgba(0,0,0,1.00) 0px 26.38px 52.75px 0px;
  /* subtle */
  --shadow-dark-warning-subtle-1: rgba(0,0,0,0.60) 0px 2px 4px 0px;
  --shadow-dark-warning-subtle-2: rgba(0,0,0,0.72) 0px 5px 10px 0px;
  --shadow-dark-warning-subtle-3: rgba(0,0,0,0.84) 0px 9.5px 19px 0px;
  --shadow-dark-warning-subtle-4: rgba(0,0,0,0.96) 0px 16.25px 32.5px 0px;
  --shadow-dark-warning-subtle-5: rgba(0,0,0,1.00) 0px 26.38px 52.75px 0px;
  /* primary */
  --shadow-dark-warning-primary-1: rgba(0,0,0,0.60) 0px 2px 4px 0px;
  --shadow-dark-warning-primary-2: rgba(0,0,0,0.72) 0px 5px 10px 0px;
  --shadow-dark-warning-primary-3: rgba(0,0,0,0.84) 0px 9.5px 19px 0px;
  --shadow-dark-warning-primary-4: rgba(0,0,0,0.96) 0px 16.25px 32.5px 0px;
  --shadow-dark-warning-primary-5: rgba(0,0,0,1.00) 0px 26.38px 52.75px 0px;

  /* -- error light -- */
  /* default */
  --shadow-error-default-1: rgba(203, 58, 58, 0.24) 0px 2px 4px 0px;
  --shadow-error-default-2: rgba(203, 58, 58, 0.29) 0px 5px 10px 0px;
  --shadow-error-default-3: rgba(203, 58, 58, 0.34) 0px 9.5px 19px 0px;
  --shadow-error-default-4: rgba(203, 58, 58, 0.38) 0px 16.25px 32.5px 0px;
  --shadow-error-default-5: rgba(203, 58, 58, 0.43) 0px 26.38px 52.75px 0px;
  /* subtle */
  --shadow-error-subtle-1: rgba(167, 48, 48, 0.24) 0px 2px 4px 0px;
  --shadow-error-subtle-2: rgba(167, 48, 48, 0.29) 0px 5px 10px 0px;
  --shadow-error-subtle-3: rgba(167, 48, 48, 0.34) 0px 9.5px 19px 0px;
  --shadow-error-subtle-4: rgba(167, 48, 48, 0.38) 0px 16.25px 32.5px 0px;
  --shadow-error-subtle-5: rgba(167, 48, 48, 0.43) 0px 26.38px 52.75px 0px;
  /* primary */
  --shadow-error-primary-1: rgba(131, 37, 37, 0.50) 0px 2px 4px 0px;
  --shadow-error-primary-2: rgba(131, 37, 37, 0.60) 0px 5px 10px 0px;
  --shadow-error-primary-3: rgba(131, 37, 37, 0.70) 0px 9.5px 19px 0px;
  --shadow-error-primary-4: rgba(131, 37, 37, 0.80) 0px 16.25px 32.5px 0px;
  --shadow-error-primary-5: rgba(131, 37, 37, 0.90) 0px 26.38px 52.75px 0px;

  /* -- error dark -- */
  /* default */
  --shadow-dark-error-default-1: rgba(0,0,0,0.60) 0px 2px 4px 0px;
  --shadow-dark-error-default-2: rgba(0,0,0,0.72) 0px 5px 10px 0px;
  --shadow-dark-error-default-3: rgba(0,0,0,0.84) 0px 9.5px 19px 0px;
  --shadow-dark-error-default-4: rgba(0,0,0,0.96) 0px 16.25px 32.5px 0px;
  --shadow-dark-error-default-5: rgba(0,0,0,1.00) 0px 26.38px 52.75px 0px;
  /* subtle */
  --shadow-dark-error-subtle-1: rgba(0,0,0,0.60) 0px 2px 4px 0px;
  --shadow-dark-error-subtle-2: rgba(0,0,0,0.72) 0px 5px 10px 0px;
  --shadow-dark-error-subtle-3: rgba(0,0,0,0.84) 0px 9.5px 19px 0px;
  --shadow-dark-error-subtle-4: rgba(0,0,0,0.96) 0px 16.25px 32.5px 0px;
  --shadow-dark-error-subtle-5: rgba(0,0,0,1.00) 0px 26.38px 52.75px 0px;
  /* primary */
  --shadow-dark-error-primary-1: rgba(0,0,0,0.60) 0px 2px 4px 0px;
  --shadow-dark-error-primary-2: rgba(0,0,0,0.72) 0px 5px 10px 0px;
  --shadow-dark-error-primary-3: rgba(0,0,0,0.84) 0px 9.5px 19px 0px;
  --shadow-dark-error-primary-4: rgba(0,0,0,0.96) 0px 16.25px 32.5px 0px;
  --shadow-dark-error-primary-5: rgba(0,0,0,1.00) 0px 26.38px 52.75px 0px;

  /* -- info light -- */
  /* default */
  --shadow-info-default-1: rgba(0, 123, 217, 0.24) 0px 2px 4px 0px;
  --shadow-info-default-2: rgba(0, 123, 217, 0.29) 0px 5px 10px 0px;
  --shadow-info-default-3: rgba(0, 123, 217, 0.34) 0px 9.5px 19px 0px;
  --shadow-info-default-4: rgba(0, 123, 217, 0.38) 0px 16.25px 32.5px 0px;
  --shadow-info-default-5: rgba(0, 123, 217, 0.43) 0px 26.38px 52.75px 0px;
  /* subtle */
  --shadow-info-subtle-1: rgba(0, 102, 179, 0.24) 0px 2px 4px 0px;
  --shadow-info-subtle-2: rgba(0, 102, 179, 0.29) 0px 5px 10px 0px;
  --shadow-info-subtle-3: rgba(0, 102, 179, 0.34) 0px 9.5px 19px 0px;
  --shadow-info-subtle-4: rgba(0, 102, 179, 0.38) 0px 16.25px 32.5px 0px;
  --shadow-info-subtle-5: rgba(0, 102, 179, 0.43) 0px 26.38px 52.75px 0px;
  /* primary */
  --shadow-info-primary-1: rgba(0, 80, 140, 0.50) 0px 2px 4px 0px;
  --shadow-info-primary-2: rgba(0, 80, 140, 0.60) 0px 5px 10px 0px;
  --shadow-info-primary-3: rgba(0, 80, 140, 0.70) 0px 9.5px 19px 0px;
  --shadow-info-primary-4: rgba(0, 80, 140, 0.80) 0px 16.25px 32.5px 0px;
  --shadow-info-primary-5: rgba(0, 80, 140, 0.90) 0px 26.38px 52.75px 0px;

  /* -- info dark -- */
  /* default */
  --shadow-dark-info-default-1: rgba(0,0,0,0.60) 0px 2px 4px 0px;
  --shadow-dark-info-default-2: rgba(0,0,0,0.72) 0px 5px 10px 0px;
  --shadow-dark-info-default-3: rgba(0,0,0,0.84) 0px 9.5px 19px 0px;
  --shadow-dark-info-default-4: rgba(0,0,0,0.96) 0px 16.25px 32.5px 0px;
  --shadow-dark-info-default-5: rgba(0,0,0,1.00) 0px 26.38px 52.75px 0px;
  /* subtle */
  --shadow-dark-info-subtle-1: rgba(0,0,0,0.60) 0px 2px 4px 0px;
  --shadow-dark-info-subtle-2: rgba(0,0,0,0.72) 0px 5px 10px 0px;
  --shadow-dark-info-subtle-3: rgba(0,0,0,0.84) 0px 9.5px 19px 0px;
  --shadow-dark-info-subtle-4: rgba(0,0,0,0.96) 0px 16.25px 32.5px 0px;
  --shadow-dark-info-subtle-5: rgba(0,0,0,1.00) 0px 26.38px 52.75px 0px;
  /* primary */
  --shadow-dark-info-primary-1: rgba(0,0,0,0.60) 0px 2px 4px 0px;
  --shadow-dark-info-primary-2: rgba(0,0,0,0.72) 0px 5px 10px 0px;
  --shadow-dark-info-primary-3: rgba(0,0,0,0.84) 0px 9.5px 19px 0px;
  --shadow-dark-info-primary-4: rgba(0,0,0,0.96) 0px 16.25px 32.5px 0px;
  --shadow-dark-info-primary-5: rgba(0,0,0,1.00) 0px 26.38px 52.75px 0px;


  /* --------------------------------- Inner Shadows --------------------------------- */

  /* -- brand light -- */
  /* default */
  --shadow-inset-brand-teal-default-1: inset rgba(19,202,156,0.15) 0px -0.1px 8px 0.00px;
  --shadow-inset-brand-teal-default-2: inset rgba(19,202,156,0.18) 0px -0.21px 16.8px 0.00px;
  --shadow-inset-brand-teal-default-3: inset rgba(19,202,156,0.21) 0px -0.33px 26.48px 0.00px;
  --shadow-inset-brand-teal-default-4: inset rgba(19,202,156,0.24) 0px -0.46px 37.13px 0.00px;
  --shadow-inset-brand-teal-default-5: inset rgba(19,202,156,0.27) 0px -0.61px 48.84px 0.00px;
  /* subtle */
  --shadow-inset-brand-teal-subtle-1: inset rgba(18,152,148,0.15) 0px -0.1px 12px 2.00px;
  --shadow-inset-brand-teal-subtle-2: inset rgba(18,152,148,0.18) 0px -0.21px 25.2px 2.00px;
  --shadow-inset-brand-teal-subtle-3: inset rgba(18,152,148,0.21) 0px -0.33px 39.72px 2.00px;
  --shadow-inset-brand-teal-subtle-4: inset rgba(18,152,148,0.24) 0px -0.46px 55.69px 2.00px;
  --shadow-inset-brand-teal-subtle-5: inset rgba(18,152,148,0.27) 0px -0.61px 73.26px 2.00px;
  /* primary */
  --shadow-inset-brand-teal-primary-1: inset rgba(31,240,141,0.75) 0px -0.1px 8px 2.00px;
  --shadow-inset-brand-teal-primary-2: inset rgba(31,240,141,0.90) 0px -0.21px 16.8px 2.00px;
  --shadow-inset-brand-teal-primary-3: inset rgba(31,240,141,1.00) 0px -0.33px 26.48px 2.00px;
  --shadow-inset-brand-teal-primary-4: inset rgba(31,240,141,1.00) 0px -0.46px 37.13px 2.00px;
  --shadow-inset-brand-teal-primary-5: inset rgba(31,240,141,1.00) 0px -0.61px 48.84px 2.00px;

  /* -- brand dark -- */
  /* default */
  --shadow-inset-dark-brand-teal-default-1: inset rgba(0,0,0,0.00) 0px -0.1px 12px 2.00px;
  --shadow-inset-dark-brand-teal-default-2: inset rgba(0,0,0,0.00) 0px -0.21px 25.2px 2.00px;
  --shadow-inset-dark-brand-teal-default-3: inset rgba(0,0,0,0.00) 0px -0.33px 39.72px 2.00px;
  --shadow-inset-dark-brand-teal-default-4: inset rgba(0,0,0,0.00) 0px -0.46px 55.69px 2.00px;
  --shadow-inset-dark-brand-teal-default-5: inset rgba(0,0,0,0.00) 0px -0.61px 73.26px 2.00px;
  /* subtle */
  --shadow-inset-dark-brand-teal-subtle-1: inset rgba(0,0,0,0.00) 0px -0.1px 12px 4.00px;
  --shadow-inset-dark-brand-teal-subtle-2: inset rgba(0,0,0,0.00) 0px -0.21px 25.2px 4.00px;
  --shadow-inset-dark-brand-teal-subtle-3: inset rgba(0,0,0,0.00) 0px -0.33px 39.72px 4.00px;
  --shadow-inset-dark-brand-teal-subtle-4: inset rgba(0,0,0,0.00) 0px -0.46px 55.69px 4.00px;
  --shadow-inset-dark-brand-teal-subtle-5: inset rgba(0,0,0,0.00) 0px -0.61px 73.26px 4.00px;
  /* primary */
  --shadow-inset-dark-brand-teal-primary-1: inset rgba(0,0,0,0.00) 0px -0.1px 8px 4.00px;
  --shadow-inset-dark-brand-teal-primary-2: inset rgba(0,0,0,0.00) 0px -0.21px 16.8px 4.00px;
  --shadow-inset-dark-brand-teal-primary-3: inset rgba(0,0,0,0.00) 0px -0.33px 26.48px 4.00px;
  --shadow-inset-dark-brand-teal-primary-4: inset rgba(0,0,0,0.00) 0px -0.46px 37.13px 4.00px;
  --shadow-inset-dark-brand-teal-primary-5: inset rgba(0,0,0,0.00) 0px -0.61px 48.84px 4.00px;

  /* -- neutral light -- */
  /* default */
  --shadow-inset-neutral-default-1: inset rgba(91,97,109,0.15) 0px -0.1px 8px 0.00px;
  --shadow-inset-neutral-default-2: inset rgba(91,97,109,0.18) 0px -0.21px 16.8px 0.00px;
  --shadow-inset-neutral-default-3: inset rgba(91,97,109,0.21) 0px -0.33px 26.48px 0.00px;
  --shadow-inset-neutral-default-4: inset rgba(91,97,109,0.24) 0px -0.46px 37.13px 0.00px;
  --shadow-inset-neutral-default-5: inset rgba(91,97,109,0.27) 0px -0.61px 48.84px 0.00px;
  /* subtle */
  --shadow-inset-neutral-subtle-1: inset rgba(75,80,90,0.15) 0px -0.1px 12px 2.00px;
  --shadow-inset-neutral-subtle-2: inset rgba(75,80,90,0.18) 0px -0.21px 25.2px 2.00px;
  --shadow-inset-neutral-subtle-3: inset rgba(75,80,90,0.21) 0px -0.33px 39.72px 2.00px;
  --shadow-inset-neutral-subtle-4: inset rgba(75,80,90,0.24) 0px -0.46px 55.69px 2.00px;
  --shadow-inset-neutral-subtle-5: inset rgba(75,80,90,0.27) 0px -0.61px 73.26px 2.00px;
  /* primary */
  --shadow-inset-neutral-primary-1: inset rgba(107,114,128,0.75) 0px -0.1px 8px 2.00px;
  --shadow-inset-neutral-primary-2: inset rgba(107,114,128,0.90) 0px -0.21px 16.8px 2.00px;
  --shadow-inset-neutral-primary-3: inset rgba(107,114,128,1.00) 0px -0.33px 26.48px 2.00px;
  --shadow-inset-neutral-primary-4: inset rgba(107,114,128,1.00) 0px -0.46px 37.13px 2.00px;
  --shadow-inset-neutral-primary-5: inset rgba(107,114,128,1.00) 0px -0.61px 48.84px 2.00px;

  /* -- neutral dark -- */
  /* default */
  --shadow-inset-dark-neutral-default-1: inset rgba(0,0,0,0.00) 0px -0.1px 12px 2.00px;
  --shadow-inset-dark-neutral-default-2: inset rgba(0,0,0,0.00) 0px -0.21px 25.2px 2.00px;
  --shadow-inset-dark-neutral-default-3: inset rgba(0,0,0,0.00) 0px -0.33px 39.72px 2.00px;
  --shadow-inset-dark-neutral-default-4: inset rgba(0,0,0,0.00) 0px -0.46px 55.69px 2.00px;
  --shadow-inset-dark-neutral-default-5: inset rgba(0,0,0,0.00) 0px -0.61px 73.26px 2.00px;
  /* subtle */
  --shadow-inset-dark-neutral-subtle-1: inset rgba(0,0,0,0.00) 0px -0.1px 12px 4.00px;
  --shadow-inset-dark-neutral-subtle-2: inset rgba(0,0,0,0.00) 0px -0.21px 25.2px 4.00px;
  --shadow-inset-dark-neutral-subtle-3: inset rgba(0,0,0,0.00) 0px -0.33px 39.72px 4.00px;
  --shadow-inset-dark-neutral-subtle-4: inset rgba(0,0,0,0.00) 0px -0.46px 55.69px 4.00px;
  --shadow-inset-dark-neutral-subtle-5: inset rgba(0,0,0,0.00) 0px -0.61px 73.26px 4.00px;
  /* primary */
  --shadow-inset-dark-neutral-primary-1: inset rgba(0,0,0,0.00) 0px -0.1px 8px 4.00px;
  --shadow-inset-dark-neutral-primary-2: inset rgba(0,0,0,0.00) 0px -0.21px 16.8px 4.00px;
  --shadow-inset-dark-neutral-primary-3: inset rgba(0,0,0,0.00) 0px -0.33px 26.48px 4.00px;
  --shadow-inset-dark-neutral-primary-4: inset rgba(0,0,0,0.00) 0px -0.46px 37.13px 4.00px;
  --shadow-inset-dark-neutral-primary-5: inset rgba(0,0,0,0.00) 0px -0.61px 48.84px 4.00px;

  /* -- success light -- */
  /* default */
  --shadow-inset-success-default-1: inset rgba(14,157,110,0.15) 0px -0.1px 8px 0.00px;
  --shadow-inset-success-default-2: inset rgba(14,157,110,0.18) 0px -0.21px 16.8px 0.00px;
  --shadow-inset-success-default-3: inset rgba(14,157,110,0.21) 0px -0.33px 26.48px 0.00px;
  --shadow-inset-success-default-4: inset rgba(14,157,110,0.24) 0px -0.46px 37.13px 0.00px;
  --shadow-inset-success-default-5: inset rgba(14,157,110,0.27) 0px -0.61px 48.84px 0.00px;
  /* subtle */
  --shadow-inset-success-subtle-1: inset rgba(11,130,90,0.15) 0px -0.1px 12px 2.00px;
  --shadow-inset-success-subtle-2: inset rgba(11,130,90,0.18) 0px -0.21px 25.2px 2.00px;
  --shadow-inset-success-subtle-3: inset rgba(11,130,90,0.21) 0px -0.33px 39.72px 2.00px;
  --shadow-inset-success-subtle-4: inset rgba(11,130,90,0.24) 0px -0.46px 55.69px 2.00px;
  --shadow-inset-success-subtle-5: inset rgba(11,130,90,0.27) 0px -0.61px 73.26px 2.00px;
  /* primary */
  --shadow-inset-success-primary-1: inset rgba(16,185,129,0.75) 0px -0.1px 8px 2.00px;
  --shadow-inset-success-primary-2: inset rgba(16,185,129,0.90) 0px -0.21px 16.8px 2.00px;
  --shadow-inset-success-primary-3: inset rgba(16,185,129,1.00) 0px -0.33px 26.48px 2.00px;
  --shadow-inset-success-primary-4: inset rgba(16,185,129,1.00) 0px -0.46px 37.13px 2.00px;
  --shadow-inset-success-primary-5: inset rgba(16,185,129,1.00) 0px -0.61px 48.84px 2.00px;

  /* -- success dark -- */
  /* default */
  --shadow-inset-dark-success-default-1: inset rgba(0,0,0,0.00) 0px -0.1px 12px 2.00px;
  --shadow-inset-dark-success-default-2: inset rgba(0,0,0,0.00) 0px -0.21px 25.2px 2.00px;
  --shadow-inset-dark-success-default-3: inset rgba(0,0,0,0.00) 0px -0.33px 39.72px 2.00px;
  --shadow-inset-dark-success-default-4: inset rgba(0,0,0,0.00) 0px -0.46px 55.69px 2.00px;
  --shadow-inset-dark-success-default-5: inset rgba(0,0,0,0.00) 0px -0.61px 73.26px 2.00px;
  /* subtle */
  --shadow-inset-dark-success-subtle-1: inset rgba(0,0,0,0.00) 0px -0.1px 12px 4.00px;
  --shadow-inset-dark-success-subtle-2: inset rgba(0,0,0,0.00) 0px -0.21px 25.2px 4.00px;
  --shadow-inset-dark-success-subtle-3: inset rgba(0,0,0,0.00) 0px -0.33px 39.72px 4.00px;
  --shadow-inset-dark-success-subtle-4: inset rgba(0,0,0,0.00) 0px -0.46px 55.69px 4.00px;
  --shadow-inset-dark-success-subtle-5: inset rgba(0,0,0,0.00) 0px -0.61px 73.26px 4.00px;
  /* primary */
  --shadow-inset-dark-success-primary-1: inset rgba(0,0,0,0.00) 0px -0.1px 8px 4.00px;
  --shadow-inset-dark-success-primary-2: inset rgba(0,0,0,0.00) 0px -0.21px 16.8px 4.00px;
  --shadow-inset-dark-success-primary-3: inset rgba(0,0,0,0.00) 0px -0.33px 26.48px 4.00px;
  --shadow-inset-dark-success-primary-4: inset rgba(0,0,0,0.00) 0px -0.46px 37.13px 4.00px;
  --shadow-inset-dark-success-primary-5: inset rgba(0,0,0,0.00) 0px -0.61px 48.84px 4.00px;

  /* -- warning light -- */
  /* default */
  --shadow-inset-warning-default-1: inset rgba(208,134,9,0.15) 0px -0.1px 8px 0.00px;
  --shadow-inset-warning-default-2: inset rgba(208,134,9,0.18) 0px -0.21px 16.8px 0.00px;
  --shadow-inset-warning-default-3: inset rgba(208,134,9,0.21) 0px -0.33px 26.48px 0.00px;
  --shadow-inset-warning-default-4: inset rgba(208,134,9,0.24) 0px -0.46px 37.13px 0.00px;
  --shadow-inset-warning-default-5: inset rgba(208,134,9,0.27) 0px -0.61px 48.84px 0.00px;
  /* subtle */
  --shadow-inset-warning-subtle-1: inset rgba(172,111,8,0.15) 0px -0.1px 12px 2.00px;
  --shadow-inset-warning-subtle-2: inset rgba(172,111,8,0.18) 0px -0.21px 25.2px 2.00px;
  --shadow-inset-warning-subtle-3: inset rgba(172,111,8,0.21) 0px -0.33px 39.72px 2.00px;
  --shadow-inset-warning-subtle-4: inset rgba(172,111,8,0.24) 0px -0.46px 55.69px 2.00px;
  --shadow-inset-warning-subtle-5: inset rgba(172,111,8,0.27) 0px -0.61px 73.26px 2.00px;
  /* primary */
  --shadow-inset-warning-primary-1: inset rgba(245,158,11,0.75) 0px -0.1px 8px 2.00px;
  --shadow-inset-warning-primary-2: inset rgba(245,158,11,0.90) 0px -0.21px 16.8px 2.00px;
  --shadow-inset-warning-primary-3: inset rgba(245,158,11,1.00) 0px -0.33px 26.48px 2.00px;
  --shadow-inset-warning-primary-4: inset rgba(245,158,11,1.00) 0px -0.46px 37.13px 2.00px;
  --shadow-inset-warning-primary-5: inset rgba(245,158,11,1.00) 0px -0.61px 48.84px 2.00px;

  /* -- warning dark -- */
  /* default */
  --shadow-inset-dark-warning-default-1: inset rgba(0,0,0,0.00) 0px -0.1px 12px 2.00px;
  --shadow-inset-dark-warning-default-2: inset rgba(0,0,0,0.00) 0px -0.21px 25.2px 2.00px;
  --shadow-inset-dark-warning-default-3: inset rgba(0,0,0,0.00) 0px -0.33px 39.72px 2.00px;
  --shadow-inset-dark-warning-default-4: inset rgba(0,0,0,0.00) 0px -0.46px 55.69px 2.00px;
  --shadow-inset-dark-warning-default-5: inset rgba(0,0,0,0.00) 0px -0.61px 73.26px 2.00px;
  /* subtle */
  --shadow-inset-dark-warning-subtle-1: inset rgba(0,0,0,0.00) 0px -0.1px 12px 4.00px;
  --shadow-inset-dark-warning-subtle-2: inset rgba(0,0,0,0.00) 0px -0.21px 25.2px 4.00px;
  --shadow-inset-dark-warning-subtle-3: inset rgba(0,0,0,0.00) 0px -0.33px 39.72px 4.00px;
  --shadow-inset-dark-warning-subtle-4: inset rgba(0,0,0,0.00) 0px -0.46px 55.69px 4.00px;
  --shadow-inset-dark-warning-subtle-5: inset rgba(0,0,0,0.00) 0px -0.61px 73.26px 4.00px;
  /* primary */
  --shadow-inset-dark-warning-primary-1: inset rgba(0,0,0,0.00) 0px -0.1px 8px 4.00px;
  --shadow-inset-dark-warning-primary-2: inset rgba(0,0,0,0.00) 0px -0.21px 16.8px 4.00px;
  --shadow-inset-dark-warning-primary-3: inset rgba(0,0,0,0.00) 0px -0.33px 26.48px 4.00px;
  --shadow-inset-dark-warning-primary-4: inset rgba(0,0,0,0.00) 0px -0.46px 37.13px 4.00px;
  --shadow-inset-dark-warning-primary-5: inset rgba(0,0,0,0.00) 0px -0.61px 48.84px 4.00px;

  /* -- error light -- */
  /* default */
  --shadow-inset-error-default-1: inset rgba(203,58,58,0.15) 0px -0.1px 8px 0.00px;
  --shadow-inset-error-default-2: inset rgba(203,58,58,0.18) 0px -0.21px 16.8px 0.00px;
  --shadow-inset-error-default-3: inset rgba(203,58,58,0.21) 0px -0.33px 26.48px 0.00px;
  --shadow-inset-error-default-4: inset rgba(203,58,58,0.24) 0px -0.46px 37.13px 0.00px;
  --shadow-inset-error-default-5: inset rgba(203,58,58,0.27) 0px -0.61px 48.84px 0.00px;
  /* subtle */
  --shadow-inset-error-subtle-1: inset rgba(167,48,48,0.15) 0px -0.1px 12px 2.00px;
  --shadow-inset-error-subtle-2: inset rgba(167,48,48,0.18) 0px -0.21px 25.2px 2.00px;
  --shadow-inset-error-subtle-3: inset rgba(167,48,48,0.21) 0px -0.33px 39.72px 2.00px;
  --shadow-inset-error-subtle-4: inset rgba(167,48,48,0.24) 0px -0.46px 55.69px 2.00px;
  --shadow-inset-error-subtle-5: inset rgba(167,48,48,0.27) 0px -0.61px 73.26px 2.00px;
  /* primary */
  --shadow-inset-error-primary-1: inset rgba(239,68,68,0.75) 0px -0.1px 8px 2.00px;
  --shadow-inset-error-primary-2: inset rgba(239,68,68,0.90) 0px -0.21px 16.8px 2.00px;
  --shadow-inset-error-primary-3: inset rgba(239,68,68,1.00) 0px -0.33px 26.48px 2.00px;
  --shadow-inset-error-primary-4: inset rgba(239,68,68,1.00) 0px -0.46px 37.13px 2.00px;
  --shadow-inset-error-primary-5: inset rgba(239,68,68,1.00) 0px -0.61px 48.84px 2.00px;

  /* -- error dark -- */
  /* default */
  --shadow-inset-dark-error-default-1: inset rgba(0,0,0,0.00) 0px -0.1px 12px 2.00px;
  --shadow-inset-dark-error-default-2: inset rgba(0,0,0,0.00) 0px -0.21px 25.2px 2.00px;
  --shadow-inset-dark-error-default-3: inset rgba(0,0,0,0.00) 0px -0.33px 39.72px 2.00px;
  --shadow-inset-dark-error-default-4: inset rgba(0,0,0,0.00) 0px -0.46px 55.69px 2.00px;
  --shadow-inset-dark-error-default-5: inset rgba(0,0,0,0.00) 0px -0.61px 73.26px 2.00px;
  /* subtle */
  --shadow-inset-dark-error-subtle-1: inset rgba(0,0,0,0.00) 0px -0.1px 12px 4.00px;
  --shadow-inset-dark-error-subtle-2: inset rgba(0,0,0,0.00) 0px -0.21px 25.2px 4.00px;
  --shadow-inset-dark-error-subtle-3: inset rgba(0,0,0,0.00) 0px -0.33px 39.72px 4.00px;
  --shadow-inset-dark-error-subtle-4: inset rgba(0,0,0,0.00) 0px -0.46px 55.69px 4.00px;
  --shadow-inset-dark-error-subtle-5: inset rgba(0,0,0,0.00) 0px -0.61px 73.26px 4.00px;
  /* primary */
  --shadow-inset-dark-error-primary-1: inset rgba(0,0,0,0.00) 0px -0.1px 8px 4.00px;
  --shadow-inset-dark-error-primary-2: inset rgba(0,0,0,0.00) 0px -0.21px 16.8px 4.00px;
  --shadow-inset-dark-error-primary-3: inset rgba(0,0,0,0.00) 0px -0.33px 26.48px 4.00px;
  --shadow-inset-dark-error-primary-4: inset rgba(0,0,0,0.00) 0px -0.46px 37.13px 4.00px;
  --shadow-inset-dark-error-primary-5: inset rgba(0,0,0,0.00) 0px -0.61px 48.84px 4.00px;

  /* -- info light -- */
  /* default */
  --shadow-inset-info-default-1: inset rgba(0,123,217,0.15) 0px -0.1px 8px 0.00px;
  --shadow-inset-info-default-2: inset rgba(0,123,217,0.18) 0px -0.21px 16.8px 0.00px;
  --shadow-inset-info-default-3: inset rgba(0,123,217,0.21) 0px -0.33px 26.48px 0.00px;
  --shadow-inset-info-default-4: inset rgba(0,123,217,0.24) 0px -0.46px 37.13px 0.00px;
  --shadow-inset-info-default-5: inset rgba(0,123,217,0.27) 0px -0.61px 48.84px 0.00px;
  /* subtle */
  --shadow-inset-info-subtle-1: inset rgba(0,102,179,0.15) 0px -0.1px 12px 2.00px;
  --shadow-inset-info-subtle-2: inset rgba(0,102,179,0.18) 0px -0.21px 25.2px 2.00px;
  --shadow-inset-info-subtle-3: inset rgba(0,102,179,0.21) 0px -0.33px 39.72px 2.00px;
  --shadow-inset-info-subtle-4: inset rgba(0,102,179,0.24) 0px -0.46px 55.69px 2.00px;
  --shadow-inset-info-subtle-5: inset rgba(0,102,179,0.27) 0px -0.61px 73.26px 2.00px;
  /* primary */
  --shadow-inset-info-primary-1: inset rgba(0,145,255,0.75) 0px -0.1px 8px 2.00px;
  --shadow-inset-info-primary-2: inset rgba(0,145,255,0.90) 0px -0.21px 16.8px 2.00px;
  --shadow-inset-info-primary-3: inset rgba(0,145,255,1.00) 0px -0.33px 26.48px 2.00px;
  --shadow-inset-info-primary-4: inset rgba(0,145,255,1.00) 0px -0.46px 37.13px 2.00px;
  --shadow-inset-info-primary-5: inset rgba(0,145,255,1.00) 0px -0.61px 48.84px 2.00px;

  /* -- info dark -- */
  /* default */
  --shadow-inset-dark-info-default-1: inset rgba(0,0,0,0.00) 0px -0.1px 12px 2.00px;
  --shadow-inset-dark-info-default-2: inset rgba(0,0,0,0.00) 0px -0.21px 25.2px 2.00px;
  --shadow-inset-dark-info-default-3: inset rgba(0,0,0,0.00) 0px -0.33px 39.72px 2.00px;
  --shadow-inset-dark-info-default-4: inset rgba(0,0,0,0.00) 0px -0.46px 55.69px 2.00px;
  --shadow-inset-dark-info-default-5: inset rgba(0,0,0,0.00) 0px -0.61px 73.26px 2.00px;
  /* subtle */
  --shadow-inset-dark-info-subtle-1: inset rgba(0,0,0,0.00) 0px -0.1px 12px 4.00px;
  --shadow-inset-dark-info-subtle-2: inset rgba(0,0,0,0.00) 0px -0.21px 25.2px 4.00px;
  --shadow-inset-dark-info-subtle-3: inset rgba(0,0,0,0.00) 0px -0.33px 39.72px 4.00px;
  --shadow-inset-dark-info-subtle-4: inset rgba(0,0,0,0.00) 0px -0.46px 55.69px 4.00px;
  --shadow-inset-dark-info-subtle-5: inset rgba(0,0,0,0.00) 0px -0.61px 73.26px 4.00px;
  /* primary */
  --shadow-inset-dark-info-primary-1: inset rgba(0,0,0,0.00) 0px -0.1px 8px 4.00px;
  --shadow-inset-dark-info-primary-2: inset rgba(0,0,0,0.00) 0px -0.21px 16.8px 4.00px;
  --shadow-inset-dark-info-primary-3: inset rgba(0,0,0,0.00) 0px -0.33px 26.48px 4.00px;
  --shadow-inset-dark-info-primary-4: inset rgba(0,0,0,0.00) 0px -0.46px 37.13px 4.00px;
  --shadow-inset-dark-info-primary-5: inset rgba(0,0,0,0.00) 0px -0.61px 48.84px 4.00px;


  /* --------------------------------- Blurs --------------------------------- */
  /* Blur tokens */
  --blur-1: 2px;
  --blur-2: 3px;
  --blur-3: 4.5px;
  --blur-4: 6.8px;
  --blur-5: 10.1px;


  /* --------------------------------- Backdrop Filters --------------------------------- */

  /* -- brand light -- */
  /* default */
  --backdrop-brand-teal-default-blur-1: blur(2px) saturate(100%);
  --backdrop-brand-teal-default-bg-1: rgba(255,255,255,0.25);
  --backdrop-brand-teal-default-blur-2: blur(3px) saturate(150%);
  --backdrop-brand-teal-default-bg-2: rgba(255,255,255,0.28);
  --backdrop-brand-teal-default-blur-3: blur(4.5px) saturate(225%);
  --backdrop-brand-teal-default-bg-3: rgba(255,255,255,0.3);
  --backdrop-brand-teal-default-blur-4: blur(6.8px) saturate(338%);
  --backdrop-brand-teal-default-bg-4: rgba(255,255,255,0.33);
  --backdrop-brand-teal-default-blur-5: blur(10.1px) saturate(400%);
  --backdrop-brand-teal-default-bg-5: rgba(255,255,255,0.35);
  /* subtle */
  --backdrop-brand-teal-subtle-blur-1: blur(2px) saturate(100%);
  --backdrop-brand-teal-subtle-bg-1: rgba(10,38,58,0.25);
  --backdrop-brand-teal-subtle-blur-2: blur(3px) saturate(150%);
  --backdrop-brand-teal-subtle-bg-2: rgba(10,38,58,0.28);
  --backdrop-brand-teal-subtle-blur-3: blur(4.5px) saturate(225%);
  --backdrop-brand-teal-subtle-bg-3: rgba(10,38,58,0.3);
  --backdrop-brand-teal-subtle-blur-4: blur(6.8px) saturate(338%);
  --backdrop-brand-teal-subtle-bg-4: rgba(10,38,58,0.33);
  --backdrop-brand-teal-subtle-blur-5: blur(10.1px) saturate(400%);
  --backdrop-brand-teal-subtle-bg-5: rgba(10,38,58,0.35);
  /* primary */
  --backdrop-brand-teal-primary-blur-1: blur(2px) saturate(100%);
  --backdrop-brand-teal-primary-bg-1: rgba(222,255,215,0.25);
  --backdrop-brand-teal-primary-blur-2: blur(3px) saturate(150%);
  --backdrop-brand-teal-primary-bg-2: rgba(222,255,215,0.28);
  --backdrop-brand-teal-primary-blur-3: blur(4.5px) saturate(225%);
  --backdrop-brand-teal-primary-bg-3: rgba(222,255,215,0.3);
  --backdrop-brand-teal-primary-blur-4: blur(6.8px) saturate(338%);
  --backdrop-brand-teal-primary-bg-4: rgba(222,255,215,0.33);
  --backdrop-brand-teal-primary-blur-5: blur(10.1px) saturate(400%);
  --backdrop-brand-teal-primary-bg-5: rgba(222,255,215,0.35);

  /* -- brand dark -- */
  /* default */
  --backdrop-dark-brand-teal-default-blur-1: blur(2px) saturate(100%);
  --backdrop-dark-brand-teal-default-bg-1: rgba(10,38,58,0.25);
  --backdrop-dark-brand-teal-default-blur-2: blur(3px) saturate(150%);
  --backdrop-dark-brand-teal-default-bg-2: rgba(10,38,58,0.28);
  --backdrop-dark-brand-teal-default-blur-3: blur(4.5px) saturate(225%);
  --backdrop-dark-brand-teal-default-bg-3: rgba(10,38,58,0.3);
  --backdrop-dark-brand-teal-default-blur-4: blur(6.8px) saturate(338%);
  --backdrop-dark-brand-teal-default-bg-4: rgba(10,38,58,0.33);
  --backdrop-dark-brand-teal-default-blur-5: blur(10.1px) saturate(400%);
  --backdrop-dark-brand-teal-default-bg-5: rgba(10,38,58,0.35);
  /* subtle */
  --backdrop-dark-brand-teal-subtle-blur-1: blur(2px) saturate(100%);
  --backdrop-dark-brand-teal-subtle-bg-1: rgba(7,20,36,0.25);
  --backdrop-dark-brand-teal-subtle-blur-2: blur(3px) saturate(150%);
  --backdrop-dark-brand-teal-subtle-bg-2: rgba(7,20,36,0.28);
  --backdrop-dark-brand-teal-subtle-blur-3: blur(4.5px) saturate(225%);
  --backdrop-dark-brand-teal-subtle-bg-3: rgba(7,20,36,0.3);
  --backdrop-dark-brand-teal-subtle-blur-4: blur(6.8px) saturate(338%);
  --backdrop-dark-brand-teal-subtle-bg-4: rgba(7,20,36,0.33);
  --backdrop-dark-brand-teal-subtle-blur-5: blur(10.1px) saturate(400%);
  --backdrop-dark-brand-teal-subtle-bg-5: rgba(7,20,36,0.35);
  /* primary */
  --backdrop-dark-brand-teal-primary-blur-1: blur(2px) saturate(100%);
  --backdrop-dark-brand-teal-primary-bg-1: rgba(15,87,104,0.25);
  --backdrop-dark-brand-teal-primary-blur-2: blur(3px) saturate(150%);
  --backdrop-dark-brand-teal-primary-bg-2: rgba(15,87,104,0.28);
  --backdrop-dark-brand-teal-primary-blur-3: blur(4.5px) saturate(225%);
  --backdrop-dark-brand-teal-primary-bg-3: rgba(15,87,104,0.3);
  --backdrop-dark-brand-teal-primary-blur-4: blur(6.8px) saturate(338%);
  --backdrop-dark-brand-teal-primary-bg-4: rgba(15,87,104,0.33);
  --backdrop-dark-brand-teal-primary-blur-5: blur(10.1px) saturate(400%);
  --backdrop-dark-brand-teal-primary-bg-5: rgba(15,87,104,0.35);

  /* -- neutral light -- */
  /* default */
  --backdrop-neutral-default-blur-1: blur(2px) saturate(100%);
  --backdrop-neutral-default-bg-1: rgba(255,255,255,0.25);
  --backdrop-neutral-default-blur-2: blur(3px) saturate(150%);
  --backdrop-neutral-default-bg-2: rgba(255,255,255,0.28);
  --backdrop-neutral-default-blur-3: blur(4.5px) saturate(225%);
  --backdrop-neutral-default-bg-3: rgba(255,255,255,0.3);
  --backdrop-neutral-default-blur-4: blur(6.8px) saturate(338%);
  --backdrop-neutral-default-bg-4: rgba(255,255,255,0.33);
  --backdrop-neutral-default-blur-5: blur(10.1px) saturate(400%);
  --backdrop-neutral-default-bg-5: rgba(255,255,255,0.35);
  /* subtle */
  --backdrop-neutral-subtle-blur-1: blur(2px) saturate(100%);
  --backdrop-neutral-subtle-bg-1: rgba(43,46,51,0.25);
  --backdrop-neutral-subtle-blur-2: blur(3px) saturate(150%);
  --backdrop-neutral-subtle-bg-2: rgba(43,46,51,0.28);
  --backdrop-neutral-subtle-blur-3: blur(4.5px) saturate(225%);
  --backdrop-neutral-subtle-bg-3: rgba(43,46,51,0.3);
  --backdrop-neutral-subtle-blur-4: blur(6.8px) saturate(338%);
  --backdrop-neutral-subtle-bg-4: rgba(43,46,51,0.33);
  --backdrop-neutral-subtle-blur-5: blur(10.1px) saturate(400%);
  --backdrop-neutral-subtle-bg-5: rgba(43,46,51,0.35);
  /* primary */
  --backdrop-neutral-primary-blur-1: blur(2px) saturate(100%);
  --backdrop-neutral-primary-bg-1: rgba(233,234,236,0.25);
  --backdrop-neutral-primary-blur-2: blur(3px) saturate(150%);
  --backdrop-neutral-primary-bg-2: rgba(233,234,236,0.28);
  --backdrop-neutral-primary-blur-3: blur(4.5px) saturate(225%);
  --backdrop-neutral-primary-bg-3: rgba(233,234,236,0.3);
  --backdrop-neutral-primary-blur-4: blur(6.8px) saturate(338%);
  --backdrop-neutral-primary-bg-4: rgba(233,234,236,0.33);
  --backdrop-neutral-primary-blur-5: blur(10.1px) saturate(400%);
  --backdrop-neutral-primary-bg-5: rgba(233,234,236,0.35);

  /* -- neutral dark -- */
  /* default */
  --backdrop-dark-neutral-default-blur-1: blur(2px) saturate(100%);
  --backdrop-dark-neutral-default-bg-1: rgba(43,46,51,0.25);
  --backdrop-dark-neutral-default-blur-2: blur(3px) saturate(150%);
  --backdrop-dark-neutral-default-bg-2: rgba(43,46,51,0.28);
  --backdrop-dark-neutral-default-blur-3: blur(4.5px) saturate(225%);
  --backdrop-dark-neutral-default-bg-3: rgba(43,46,51,0.3);
  --backdrop-dark-neutral-default-blur-4: blur(6.8px) saturate(338%);
  --backdrop-dark-neutral-default-bg-4: rgba(43,46,51,0.33);
  --backdrop-dark-neutral-default-blur-5: blur(10.1px) saturate(400%);
  --backdrop-dark-neutral-default-bg-5: rgba(43,46,51,0.35);
  /* subtle */
  --backdrop-dark-neutral-subtle-blur-1: blur(2px) saturate(100%);
  --backdrop-dark-neutral-subtle-bg-1: rgba(27,29,32,0.25);
  --backdrop-dark-neutral-subtle-blur-2: blur(3px) saturate(150%);
  --backdrop-dark-neutral-subtle-bg-2: rgba(27,29,32,0.28);
  --backdrop-dark-neutral-subtle-blur-3: blur(4.5px) saturate(225%);
  --backdrop-dark-neutral-subtle-bg-3: rgba(27,29,32,0.3);
  --backdrop-dark-neutral-subtle-blur-4: blur(6.8px) saturate(338%);
  --backdrop-dark-neutral-subtle-bg-4: rgba(27,29,32,0.33);
  --backdrop-dark-neutral-subtle-blur-5: blur(10.1px) saturate(400%);
  --backdrop-dark-neutral-subtle-bg-5: rgba(27,29,32,0.35);
  /* primary */
  --backdrop-dark-neutral-primary-blur-1: blur(2px) saturate(100%);
  --backdrop-dark-neutral-primary-bg-1: rgba(59,63,70,0.25);
  --backdrop-dark-neutral-primary-blur-2: blur(3px) saturate(150%);
  --backdrop-dark-neutral-primary-bg-2: rgba(59,63,70,0.28);
  --backdrop-dark-neutral-primary-blur-3: blur(4.5px) saturate(225%);
  --backdrop-dark-neutral-primary-bg-3: rgba(59,63,70,0.3);
  --backdrop-dark-neutral-primary-blur-4: blur(6.8px) saturate(338%);
  --backdrop-dark-neutral-primary-bg-4: rgba(59,63,70,0.33);
  --backdrop-dark-neutral-primary-blur-5: blur(10.1px) saturate(400%);
  --backdrop-dark-neutral-primary-bg-5: rgba(59,63,70,0.35);

  /* -- success light -- */
  /* default */
  --backdrop-success-default-blur-1: blur(2px) saturate(100%);
  --backdrop-success-default-bg-1: rgba(255,255,255,0.25);
  --backdrop-success-default-blur-2: blur(3px) saturate(150%);
  --backdrop-success-default-bg-2: rgba(255,255,255,0.28);
  --backdrop-success-default-blur-3: blur(4.5px) saturate(225%);
  --backdrop-success-default-bg-3: rgba(255,255,255,0.3);
  --backdrop-success-default-blur-4: blur(6.8px) saturate(338%);
  --backdrop-success-default-bg-4: rgba(255,255,255,0.33);
  --backdrop-success-default-blur-5: blur(10.1px) saturate(400%);
  --backdrop-success-default-bg-5: rgba(255,255,255,0.35);
  /* subtle */
  --backdrop-success-subtle-blur-1: blur(2px) saturate(100%);
  --backdrop-success-subtle-bg-1: rgba(6,74,52,0.25);
  --backdrop-success-subtle-blur-2: blur(3px) saturate(150%);
  --backdrop-success-subtle-bg-2: rgba(6,74,52,0.28);
  --backdrop-success-subtle-blur-3: blur(4.5px) saturate(225%);
  --backdrop-success-subtle-bg-3: rgba(6,74,52,0.3);
  --backdrop-success-subtle-blur-4: blur(6.8px) saturate(338%);
  --backdrop-success-subtle-bg-4: rgba(6,74,52,0.33);
  --backdrop-success-subtle-blur-5: blur(10.1px) saturate(400%);
  --backdrop-success-subtle-bg-5: rgba(6,74,52,0.35);
  /* primary */
  --backdrop-success-primary-blur-1: blur(2px) saturate(100%);
  --backdrop-success-primary-bg-1: rgba(219,245,236,0.25);
  --backdrop-success-primary-blur-2: blur(3px) saturate(150%);
  --backdrop-success-primary-bg-2: rgba(219,245,236,0.28);
  --backdrop-success-primary-blur-3: blur(4.5px) saturate(225%);
  --backdrop-success-primary-bg-3: rgba(219,245,236,0.3);
  --backdrop-success-primary-blur-4: blur(6.8px) saturate(338%);
  --backdrop-success-primary-bg-4: rgba(219,245,236,0.33);
  --backdrop-success-primary-blur-5: blur(10.1px) saturate(400%);
  --backdrop-success-primary-bg-5: rgba(219,245,236,0.35);

  /* -- success dark -- */
  /* default */
  --backdrop-dark-success-default-blur-1: blur(2px) saturate(100%);
  --backdrop-dark-success-default-bg-1: rgba(6,74,52,0.25);
  --backdrop-dark-success-default-blur-2: blur(3px) saturate(150%);
  --backdrop-dark-success-default-bg-2: rgba(6,74,52,0.28);
  --backdrop-dark-success-default-blur-3: blur(4.5px) saturate(225%);
  --backdrop-dark-success-default-bg-3: rgba(6,74,52,0.3);
  --backdrop-dark-success-default-blur-4: blur(6.8px) saturate(338%);
  --backdrop-dark-success-default-bg-4: rgba(6,74,52,0.33);
  --backdrop-dark-success-default-blur-5: blur(10.1px) saturate(400%);
  --backdrop-dark-success-default-bg-5: rgba(6,74,52,0.35);
  /* subtle */
  --backdrop-dark-success-subtle-blur-1: blur(2px) saturate(100%);
  --backdrop-dark-success-subtle-bg-1: rgba(4,46,32,0.25);
  --backdrop-dark-success-subtle-blur-2: blur(3px) saturate(150%);
  --backdrop-dark-success-subtle-bg-2: rgba(4,46,32,0.28);
  --backdrop-dark-success-subtle-blur-3: blur(4.5px) saturate(225%);
  --backdrop-dark-success-subtle-bg-3: rgba(4,46,32,0.3);
  --backdrop-dark-success-subtle-blur-4: blur(6.8px) saturate(338%);
  --backdrop-dark-success-subtle-bg-4: rgba(4,46,32,0.33);
  --backdrop-dark-success-subtle-blur-5: blur(10.1px) saturate(400%);
  --backdrop-dark-success-subtle-bg-5: rgba(4,46,32,0.35);
  /* primary */
  --backdrop-dark-success-primary-blur-1: blur(2px) saturate(100%);
  --backdrop-dark-success-primary-bg-1: rgba(9,102,71,0.25);
  --backdrop-dark-success-primary-blur-2: blur(3px) saturate(150%);
  --backdrop-dark-success-primary-bg-2: rgba(9,102,71,0.28);
  --backdrop-dark-success-primary-blur-3: blur(4.5px) saturate(225%);
  --backdrop-dark-success-primary-bg-3: rgba(9,102,71,0.3);
  --backdrop-dark-success-primary-blur-4: blur(6.8px) saturate(338%);
  --backdrop-dark-success-primary-bg-4: rgba(9,102,71,0.33);
  --backdrop-dark-success-primary-blur-5: blur(10.1px) saturate(400%);
  --backdrop-dark-success-primary-bg-5: rgba(9,102,71,0.35);

  /* -- warning light -- */
  /* default */
  --backdrop-warning-default-blur-1: blur(2px) saturate(100%);
  --backdrop-warning-default-bg-1: rgba(255,255,255,0.25);
  --backdrop-warning-default-blur-2: blur(3px) saturate(150%);
  --backdrop-warning-default-bg-2: rgba(255,255,255,0.28);
  --backdrop-warning-default-blur-3: blur(4.5px) saturate(225%);
  --backdrop-warning-default-bg-3: rgba(255,255,255,0.3);
  --backdrop-warning-default-blur-4: blur(6.8px) saturate(338%);
  --backdrop-warning-default-bg-4: rgba(255,255,255,0.33);
  --backdrop-warning-default-blur-5: blur(10.1px) saturate(400%);
  --backdrop-warning-default-bg-5: rgba(255,255,255,0.35);
  /* subtle */
  --backdrop-warning-subtle-blur-1: blur(2px) saturate(100%);
  --backdrop-warning-subtle-bg-1: rgba(98,63,4,0.25);
  --backdrop-warning-subtle-blur-2: blur(3px) saturate(150%);
  --backdrop-warning-subtle-bg-2: rgba(98,63,4,0.28);
  --backdrop-warning-subtle-blur-3: blur(4.5px) saturate(225%);
  --backdrop-warning-subtle-bg-3: rgba(98,63,4,0.3);
  --backdrop-warning-subtle-blur-4: blur(6.8px) saturate(338%);
  --backdrop-warning-subtle-bg-4: rgba(98,63,4,0.33);
  --backdrop-warning-subtle-blur-5: blur(10.1px) saturate(400%);
  --backdrop-warning-subtle-bg-5: rgba(98,63,4,0.35);
  /* primary */
  --backdrop-warning-primary-blur-1: blur(2px) saturate(100%);
  --backdrop-warning-primary-bg-1: rgba(254,240,218,0.25);
  --backdrop-warning-primary-blur-2: blur(3px) saturate(150%);
  --backdrop-warning-primary-bg-2: rgba(254,240,218,0.28);
  --backdrop-warning-primary-blur-3: blur(4.5px) saturate(225%);
  --backdrop-warning-primary-bg-3: rgba(254,240,218,0.3);
  --backdrop-warning-primary-blur-4: blur(6.8px) saturate(338%);
  --backdrop-warning-primary-bg-4: rgba(254,240,218,0.33);
  --backdrop-warning-primary-blur-5: blur(10.1px) saturate(400%);
  --backdrop-warning-primary-bg-5: rgba(254,240,218,0.35);

  /* -- warning dark -- */
  /* default */
  --backdrop-dark-warning-default-blur-1: blur(2px) saturate(100%);
  --backdrop-dark-warning-default-bg-1: rgba(98,63,4,0.25);
  --backdrop-dark-warning-default-blur-2: blur(3px) saturate(150%);
  --backdrop-dark-warning-default-bg-2: rgba(98,63,4,0.28);
  --backdrop-dark-warning-default-blur-3: blur(4.5px) saturate(225%);
  --backdrop-dark-warning-default-bg-3: rgba(98,63,4,0.3);
  --backdrop-dark-warning-default-blur-4: blur(6.8px) saturate(338%);
  --backdrop-dark-warning-default-bg-4: rgba(98,63,4,0.33);
  --backdrop-dark-warning-default-blur-5: blur(10.1px) saturate(400%);
  --backdrop-dark-warning-default-bg-5: rgba(98,63,4,0.35);
  /* subtle */
  --backdrop-dark-warning-subtle-blur-1: blur(2px) saturate(100%);
  --backdrop-dark-warning-subtle-bg-1: rgba(61,40,3,0.25);
  --backdrop-dark-warning-subtle-blur-2: blur(3px) saturate(150%);
  --backdrop-dark-warning-subtle-bg-2: rgba(61,40,3,0.28);
  --backdrop-dark-warning-subtle-blur-3: blur(4.5px) saturate(225%);
  --backdrop-dark-warning-subtle-bg-3: rgba(61,40,3,0.3);
  --backdrop-dark-warning-subtle-blur-4: blur(6.8px) saturate(338%);
  --backdrop-dark-warning-subtle-bg-4: rgba(61,40,3,0.33);
  --backdrop-dark-warning-subtle-blur-5: blur(10.1px) saturate(400%);
  --backdrop-dark-warning-subtle-bg-5: rgba(61,40,3,0.35);
  /* primary */
  --backdrop-dark-warning-primary-blur-1: blur(2px) saturate(100%);
  --backdrop-dark-warning-primary-bg-1: rgba(135,87,6,0.25);
  --backdrop-dark-warning-primary-blur-2: blur(3px) saturate(150%);
  --backdrop-dark-warning-primary-bg-2: rgba(135,87,6,0.28);
  --backdrop-dark-warning-primary-blur-3: blur(4.5px) saturate(225%);
  --backdrop-dark-warning-primary-bg-3: rgba(135,87,6,0.3);
  --backdrop-dark-warning-primary-blur-4: blur(6.8px) saturate(338%);
  --backdrop-dark-warning-primary-bg-4: rgba(135,87,6,0.33);
  --backdrop-dark-warning-primary-blur-5: blur(10.1px) saturate(400%);
  --backdrop-dark-warning-primary-bg-5: rgba(135,87,6,0.35);

  /* -- error light -- */
  /* default */
  --backdrop-error-default-blur-1: blur(2px) saturate(100%);
  --backdrop-error-default-bg-1: rgba(255,255,255,0.25);
  --backdrop-error-default-blur-2: blur(3px) saturate(150%);
  --backdrop-error-default-bg-2: rgba(255,255,255,0.28);
  --backdrop-error-default-blur-3: blur(4.5px) saturate(225%);
  --backdrop-error-default-bg-3: rgba(255,255,255,0.3);
  --backdrop-error-default-blur-4: blur(6.8px) saturate(338%);
  --backdrop-error-default-bg-4: rgba(255,255,255,0.33);
  --backdrop-error-default-blur-5: blur(10.1px) saturate(400%);
  --backdrop-error-default-bg-5: rgba(255,255,255,0.35);
  /* subtle */
  --backdrop-error-subtle-blur-1: blur(2px) saturate(100%);
  --backdrop-error-subtle-bg-1: rgba(96,27,27,0.25);
  --backdrop-error-subtle-blur-2: blur(3px) saturate(150%);
  --backdrop-error-subtle-bg-2: rgba(96,27,27,0.28);
  --backdrop-error-subtle-blur-3: blur(4.5px) saturate(225%);
  --backdrop-error-subtle-bg-3: rgba(96,27,27,0.3);
  --backdrop-error-subtle-blur-4: blur(6.8px) saturate(338%);
  --backdrop-error-subtle-bg-4: rgba(96,27,27,0.33);
  --backdrop-error-subtle-blur-5: blur(10.1px) saturate(400%);
  --backdrop-error-subtle-bg-5: rgba(96,27,27,0.35);
  /* primary */
  --backdrop-error-primary-blur-1: blur(2px) saturate(100%);
  --backdrop-error-primary-bg-1: rgba(253,227,227,0.25);
  --backdrop-error-primary-blur-2: blur(3px) saturate(150%);
  --backdrop-error-primary-bg-2: rgba(253,227,227,0.28);
  --backdrop-error-primary-blur-3: blur(4.5px) saturate(225%);
  --backdrop-error-primary-bg-3: rgba(253,227,227,0.3);
  --backdrop-error-primary-blur-4: blur(6.8px) saturate(338%);
  --backdrop-error-primary-bg-4: rgba(253,227,227,0.33);
  --backdrop-error-primary-blur-5: blur(10.1px) saturate(400%);
  --backdrop-error-primary-bg-5: rgba(253,227,227,0.35);

  /* -- error dark -- */
  /* default */
  --backdrop-dark-error-default-blur-1: blur(2px) saturate(100%);
  --backdrop-dark-error-default-bg-1: rgba(96,27,27,0.25);
  --backdrop-dark-error-default-blur-2: blur(3px) saturate(150%);
  --backdrop-dark-error-default-bg-2: rgba(96,27,27,0.28);
  --backdrop-dark-error-default-blur-3: blur(4.5px) saturate(225%);
  --backdrop-dark-error-default-bg-3: rgba(96,27,27,0.3);
  --backdrop-dark-error-default-blur-4: blur(6.8px) saturate(338%);
  --backdrop-dark-error-default-bg-4: rgba(96,27,27,0.33);
  --backdrop-dark-error-default-blur-5: blur(10.1px) saturate(400%);
  --backdrop-dark-error-default-bg-5: rgba(96,27,27,0.35);
  /* subtle */
  --backdrop-dark-error-subtle-blur-1: blur(2px) saturate(100%);
  --backdrop-dark-error-subtle-bg-1: rgba(60,17,17,0.25);
  --backdrop-dark-error-subtle-blur-2: blur(3px) saturate(150%);
  --backdrop-dark-error-subtle-bg-2: rgba(60,17,17,0.28);
  --backdrop-dark-error-subtle-blur-3: blur(4.5px) saturate(225%);
  --backdrop-dark-error-subtle-bg-3: rgba(60,17,17,0.3);
  --backdrop-dark-error-subtle-blur-4: blur(6.8px) saturate(338%);
  --backdrop-dark-error-subtle-bg-4: rgba(60,17,17,0.33);
  --backdrop-dark-error-subtle-blur-5: blur(10.1px) saturate(400%);
  --backdrop-dark-error-subtle-bg-5: rgba(60,17,17,0.35);
  /* primary */
  --backdrop-dark-error-primary-blur-1: blur(2px) saturate(100%);
  --backdrop-dark-error-primary-bg-1: rgba(131,37,37,0.25);
  --backdrop-dark-error-primary-blur-2: blur(3px) saturate(150%);
  --backdrop-dark-error-primary-bg-2: rgba(131,37,37,0.28);
  --backdrop-dark-error-primary-blur-3: blur(4.5px) saturate(225%);
  --backdrop-dark-error-primary-bg-3: rgba(131,37,37,0.3);
  --backdrop-dark-error-primary-blur-4: blur(6.8px) saturate(338%);
  --backdrop-dark-error-primary-bg-4: rgba(131,37,37,0.33);
  --backdrop-dark-error-primary-blur-5: blur(10.1px) saturate(400%);
  --backdrop-dark-error-primary-bg-5: rgba(131,37,37,0.35);

  /* -- info light -- */
  /* default */
  --backdrop-info-default-blur-1: blur(2px) saturate(100%);
  --backdrop-info-default-bg-1: rgba(255,255,255,0.25);
  --backdrop-info-default-blur-2: blur(3px) saturate(150%);
  --backdrop-info-default-bg-2: rgba(255,255,255,0.28);
  --backdrop-info-default-blur-3: blur(4.5px) saturate(225%);
  --backdrop-info-default-bg-3: rgba(255,255,255,0.3);
  --backdrop-info-default-blur-4: blur(6.8px) saturate(338%);
  --backdrop-info-default-bg-4: rgba(255,255,255,0.33);
  --backdrop-info-default-blur-5: blur(10.1px) saturate(400%);
  --backdrop-info-default-bg-5: rgba(255,255,255,0.35);
  /* subtle */
  --backdrop-info-subtle-blur-1: blur(2px) saturate(100%);
  --backdrop-info-subtle-bg-1: rgba(0,58,102,0.25);
  --backdrop-info-subtle-blur-2: blur(3px) saturate(150%);
  --backdrop-info-subtle-bg-2: rgba(0,58,102,0.28);
  --backdrop-info-subtle-blur-3: blur(4.5px) saturate(225%);
  --backdrop-info-subtle-bg-3: rgba(0,58,102,0.3);
  --backdrop-info-subtle-blur-4: blur(6.8px) saturate(338%);
  --backdrop-info-subtle-bg-4: rgba(0,58,102,0.33);
  --backdrop-info-subtle-blur-5: blur(10.1px) saturate(400%);
  --backdrop-info-subtle-bg-5: rgba(0,58,102,0.35);
  /* primary */
  --backdrop-info-primary-blur-1: blur(2px) saturate(100%);
  --backdrop-info-primary-bg-1: rgba(217,239,255,0.25);
  --backdrop-info-primary-blur-2: blur(3px) saturate(150%);
  --backdrop-info-primary-bg-2: rgba(217,239,255,0.28);
  --backdrop-info-primary-blur-3: blur(4.5px) saturate(225%);
  --backdrop-info-primary-bg-3: rgba(217,239,255,0.3);
  --backdrop-info-primary-blur-4: blur(6.8px) saturate(338%);
  --backdrop-info-primary-bg-4: rgba(217,239,255,0.33);
  --backdrop-info-primary-blur-5: blur(10.1px) saturate(400%);
  --backdrop-info-primary-bg-5: rgba(217,239,255,0.35);

  /* -- info dark -- */
  /* default */
  --backdrop-dark-info-default-blur-1: blur(2px) saturate(100%);
  --backdrop-dark-info-default-bg-1: rgba(0,58,102,0.25);
  --backdrop-dark-info-default-blur-2: blur(3px) saturate(150%);
  --backdrop-dark-info-default-bg-2: rgba(0,58,102,0.28);
  --backdrop-dark-info-default-blur-3: blur(4.5px) saturate(225%);
  --backdrop-dark-info-default-bg-3: rgba(0,58,102,0.3);
  --backdrop-dark-info-default-blur-4: blur(6.8px) saturate(338%);
  --backdrop-dark-info-default-bg-4: rgba(0,58,102,0.33);
  --backdrop-dark-info-default-blur-5: blur(10.1px) saturate(400%);
  --backdrop-dark-info-default-bg-5: rgba(0,58,102,0.35);
  /* subtle */
  --backdrop-dark-info-subtle-blur-1: blur(2px) saturate(100%);
  --backdrop-dark-info-subtle-bg-1: rgba(0,36,64,0.25);
  --backdrop-dark-info-subtle-blur-2: blur(3px) saturate(150%);
  --backdrop-dark-info-subtle-bg-2: rgba(0,36,64,0.28);
  --backdrop-dark-info-subtle-blur-3: blur(4.5px) saturate(225%);
  --backdrop-dark-info-subtle-bg-3: rgba(0,36,64,0.3);
  --backdrop-dark-info-subtle-blur-4: blur(6.8px) saturate(338%);
  --backdrop-dark-info-subtle-bg-4: rgba(0,36,64,0.33);
  --backdrop-dark-info-subtle-blur-5: blur(10.1px) saturate(400%);
  --backdrop-dark-info-subtle-bg-5: rgba(0,36,64,0.35);
  /* primary */
  --backdrop-dark-info-primary-blur-1: blur(2px) saturate(100%);
  --backdrop-dark-info-primary-bg-1: rgba(0,80,140,0.25);
  --backdrop-dark-info-primary-blur-2: blur(3px) saturate(150%);
  --backdrop-dark-info-primary-bg-2: rgba(0,80,140,0.28);
  --backdrop-dark-info-primary-blur-3: blur(4.5px) saturate(225%);
  --backdrop-dark-info-primary-bg-3: rgba(0,80,140,0.3);
  --backdrop-dark-info-primary-blur-4: blur(6.8px) saturate(338%);
  --backdrop-dark-info-primary-bg-4: rgba(0,80,140,0.33);
  --backdrop-dark-info-primary-blur-5: blur(10.1px) saturate(400%);
  --backdrop-dark-info-primary-bg-5: rgba(0,80,140,0.35);


  /* --------------------------------- Gradients --------------------------------- */

  /* -- brand light -- */
  /* default */
  --gradient-brand-teal-default-1: linear-gradient(135deg, rgba(31,240,141,1.00) 0%, rgba(75,247,128,1.00) 100%);
  --gradient-brand-teal-default-2: linear-gradient(207deg, rgba(31,240,141,1.00) 0%, rgba(75,247,128,1.00) 100%);
  --gradient-brand-teal-default-3: linear-gradient(279deg, rgba(31,240,141,1.00) 0%, rgba(75,247,128,1.00) 100%);
  --gradient-brand-teal-default-4: linear-gradient(351deg, rgba(31,240,141,1.00) 0%, rgba(75,247,128,1.00) 100%);
  --gradient-brand-teal-default-5: linear-gradient(63deg, rgba(31,240,141,1.00) 0%, rgba(75,247,128,1.00) 100%);
  /* subtle */
  --gradient-brand-teal-subtle-1: linear-gradient(135deg, rgba(75,247,128,1.00) 0%, rgba(121,252,132,1.00) 100%);
  --gradient-brand-teal-subtle-2: linear-gradient(207deg, rgba(75,247,128,1.00) 0%, rgba(121,252,132,1.00) 100%);
  --gradient-brand-teal-subtle-3: linear-gradient(279deg, rgba(75,247,128,1.00) 0%, rgba(121,252,132,1.00) 100%);
  --gradient-brand-teal-subtle-4: linear-gradient(351deg, rgba(75,247,128,1.00) 0%, rgba(121,252,132,1.00) 100%);
  --gradient-brand-teal-subtle-5: linear-gradient(63deg, rgba(75,247,128,1.00) 0%, rgba(121,252,132,1.00) 100%);
  /* primary */
  --gradient-brand-teal-primary-1: linear-gradient(135deg, rgba(19,202,156,1.00) 0%, rgba(75,247,128,1.00) 100%);
  --gradient-brand-teal-primary-2: linear-gradient(207deg, rgba(19,202,156,1.00) 0%, rgba(75,247,128,1.00) 100%);
  --gradient-brand-teal-primary-3: linear-gradient(279deg, rgba(19,202,156,1.00) 0%, rgba(75,247,128,1.00) 100%);
  --gradient-brand-teal-primary-4: linear-gradient(351deg, rgba(19,202,156,1.00) 0%, rgba(75,247,128,1.00) 100%);
  --gradient-brand-teal-primary-5: linear-gradient(63deg, rgba(19,202,156,1.00) 0%, rgba(75,247,128,1.00) 100%);

  /* -- brand dark -- */
  /* default */
  --gradient-dark-brand-teal-default-1: linear-gradient(135deg, rgba(15,87,104,1.00) 0%, rgba(10,38,58,1.00) 100%);
  --gradient-dark-brand-teal-default-2: linear-gradient(207deg, rgba(15,87,104,1.00) 0%, rgba(10,38,58,1.00) 100%);
  --gradient-dark-brand-teal-default-3: linear-gradient(279deg, rgba(15,87,104,1.00) 0%, rgba(10,38,58,1.00) 100%);
  --gradient-dark-brand-teal-default-4: linear-gradient(351deg, rgba(15,87,104,1.00) 0%, rgba(10,38,58,1.00) 100%);
  --gradient-dark-brand-teal-default-5: linear-gradient(63deg, rgba(15,87,104,1.00) 0%, rgba(10,38,58,1.00) 100%);
  /* subtle */
  --gradient-dark-brand-teal-subtle-1: linear-gradient(135deg, rgba(10,38,58,1.00) 0%, rgba(7,20,36,1.00) 100%);
  --gradient-dark-brand-teal-subtle-2: linear-gradient(207deg, rgba(10,38,58,1.00) 0%, rgba(7,20,36,1.00) 100%);
  --gradient-dark-brand-teal-subtle-3: linear-gradient(279deg, rgba(10,38,58,1.00) 0%, rgba(7,20,36,1.00) 100%);
  --gradient-dark-brand-teal-subtle-4: linear-gradient(351deg, rgba(10,38,58,1.00) 0%, rgba(7,20,36,1.00) 100%);
  --gradient-dark-brand-teal-subtle-5: linear-gradient(63deg, rgba(10,38,58,1.00) 0%, rgba(7,20,36,1.00) 100%);
  /* primary */
  --gradient-dark-brand-teal-primary-1: linear-gradient(135deg, rgba(18,152,148,1.00) 0%, rgba(15,87,104,1.00) 100%);
  --gradient-dark-brand-teal-primary-2: linear-gradient(207deg, rgba(18,152,148,1.00) 0%, rgba(15,87,104,1.00) 100%);
  --gradient-dark-brand-teal-primary-3: linear-gradient(279deg, rgba(18,152,148,1.00) 0%, rgba(15,87,104,1.00) 100%);
  --gradient-dark-brand-teal-primary-4: linear-gradient(351deg, rgba(18,152,148,1.00) 0%, rgba(15,87,104,1.00) 100%);
  --gradient-dark-brand-teal-primary-5: linear-gradient(63deg, rgba(18,152,148,1.00) 0%, rgba(15,87,104,1.00) 100%);

  /* -- neutral light -- */
  /* default */
  --gradient-neutral-default-1: linear-gradient(135deg, rgba(107,114,128,1.00) 0%, rgba(144,149,160,1.00) 100%);
  --gradient-neutral-default-2: linear-gradient(207deg, rgba(107,114,128,1.00) 0%, rgba(144,149,160,1.00) 100%);
  --gradient-neutral-default-3: linear-gradient(279deg, rgba(107,114,128,1.00) 0%, rgba(144,149,160,1.00) 100%);
  --gradient-neutral-default-4: linear-gradient(351deg, rgba(107,114,128,1.00) 0%, rgba(144,149,160,1.00) 100%);
  --gradient-neutral-default-5: linear-gradient(63deg, rgba(107,114,128,1.00) 0%, rgba(144,149,160,1.00) 100%);
  /* subtle */
  --gradient-neutral-subtle-1: linear-gradient(135deg, rgba(144,149,160,1.00) 0%, rgba(181,185,192,1.00) 100%);
  --gradient-neutral-subtle-2: linear-gradient(207deg, rgba(144,149,160,1.00) 0%, rgba(181,185,192,1.00) 100%);
  --gradient-neutral-subtle-3: linear-gradient(279deg, rgba(144,149,160,1.00) 0%, rgba(181,185,192,1.00) 100%);
  --gradient-neutral-subtle-4: linear-gradient(351deg, rgba(144,149,160,1.00) 0%, rgba(181,185,192,1.00) 100%);
  --gradient-neutral-subtle-5: linear-gradient(63deg, rgba(144,149,160,1.00) 0%, rgba(181,185,192,1.00) 100%);
  /* primary */
  --gradient-neutral-primary-1: linear-gradient(135deg, rgba(91,97,109,1.00) 0%, rgba(144,149,160,1.00) 100%);
  --gradient-neutral-primary-2: linear-gradient(207deg, rgba(91,97,109,1.00) 0%, rgba(144,149,160,1.00) 100%);
  --gradient-neutral-primary-3: linear-gradient(279deg, rgba(91,97,109,1.00) 0%, rgba(144,149,160,1.00) 100%);
  --gradient-neutral-primary-4: linear-gradient(351deg, rgba(91,97,109,1.00) 0%, rgba(144,149,160,1.00) 100%);
  --gradient-neutral-primary-5: linear-gradient(63deg, rgba(91,97,109,1.00) 0%, rgba(144,149,160,1.00) 100%);

  /* -- neutral dark -- */
  /* default */
  --gradient-dark-neutral-default-1: linear-gradient(135deg, rgba(59,63,70,1.00) 0%, rgba(43,46,51,1.00) 100%);
  --gradient-dark-neutral-default-2: linear-gradient(207deg, rgba(59,63,70,1.00) 0%, rgba(43,46,51,1.00) 100%);
  --gradient-dark-neutral-default-3: linear-gradient(279deg, rgba(59,63,70,1.00) 0%, rgba(43,46,51,1.00) 100%);
  --gradient-dark-neutral-default-4: linear-gradient(351deg, rgba(59,63,70,1.00) 0%, rgba(43,46,51,1.00) 100%);
  --gradient-dark-neutral-default-5: linear-gradient(63deg, rgba(59,63,70,1.00) 0%, rgba(43,46,51,1.00) 100%);
  /* subtle */
  --gradient-dark-neutral-subtle-1: linear-gradient(135deg, rgba(43,46,51,1.00) 0%, rgba(27,29,32,1.00) 100%);
  --gradient-dark-neutral-subtle-2: linear-gradient(207deg, rgba(43,46,51,1.00) 0%, rgba(27,29,32,1.00) 100%);
  --gradient-dark-neutral-subtle-3: linear-gradient(279deg, rgba(43,46,51,1.00) 0%, rgba(27,29,32,1.00) 100%);
  --gradient-dark-neutral-subtle-4: linear-gradient(351deg, rgba(43,46,51,1.00) 0%, rgba(27,29,32,1.00) 100%);
  --gradient-dark-neutral-subtle-5: linear-gradient(63deg, rgba(43,46,51,1.00) 0%, rgba(27,29,32,1.00) 100%);
  /* primary */
  --gradient-dark-neutral-primary-1: linear-gradient(135deg, rgba(75,80,90,1.00) 0%, rgba(59,63,70,1.00) 100%);
  --gradient-dark-neutral-primary-2: linear-gradient(207deg, rgba(75,80,90,1.00) 0%, rgba(59,63,70,1.00) 100%);
  --gradient-dark-neutral-primary-3: linear-gradient(279deg, rgba(75,80,90,1.00) 0%, rgba(59,63,70,1.00) 100%);
  --gradient-dark-neutral-primary-4: linear-gradient(351deg, rgba(75,80,90,1.00) 0%, rgba(59,63,70,1.00) 100%);
  --gradient-dark-neutral-primary-5: linear-gradient(63deg, rgba(75,80,90,1.00) 0%, rgba(59,63,70,1.00) 100%);

  /* -- success light -- */
  /* default */
  --gradient-success-default-1: linear-gradient(135deg, rgba(16,185,129,1.00) 0%, rgba(76,203,161,1.00) 100%);
  --gradient-success-default-2: linear-gradient(207deg, rgba(16,185,129,1.00) 0%, rgba(76,203,161,1.00) 100%);
  --gradient-success-default-3: linear-gradient(279deg, rgba(16,185,129,1.00) 0%, rgba(76,203,161,1.00) 100%);
  --gradient-success-default-4: linear-gradient(351deg, rgba(16,185,129,1.00) 0%, rgba(76,203,161,1.00) 100%);
  --gradient-success-default-5: linear-gradient(63deg, rgba(16,185,129,1.00) 0%, rgba(76,203,161,1.00) 100%);
  /* subtle */
  --gradient-success-subtle-1: linear-gradient(135deg, rgba(76,203,161,1.00) 0%, rgba(136,220,192,1.00) 100%);
  --gradient-success-subtle-2: linear-gradient(207deg, rgba(76,203,161,1.00) 0%, rgba(136,220,192,1.00) 100%);
  --gradient-success-subtle-3: linear-gradient(279deg, rgba(76,203,161,1.00) 0%, rgba(136,220,192,1.00) 100%);
  --gradient-success-subtle-4: linear-gradient(351deg, rgba(76,203,161,1.00) 0%, rgba(136,220,192,1.00) 100%);
  --gradient-success-subtle-5: linear-gradient(63deg, rgba(76,203,161,1.00) 0%, rgba(136,220,192,1.00) 100%);
  /* primary */
  --gradient-success-primary-1: linear-gradient(135deg, rgba(14,157,110,1.00) 0%, rgba(76,203,161,1.00) 100%);
  --gradient-success-primary-2: linear-gradient(207deg, rgba(14,157,110,1.00) 0%, rgba(76,203,161,1.00) 100%);
  --gradient-success-primary-3: linear-gradient(279deg, rgba(14,157,110,1.00) 0%, rgba(76,203,161,1.00) 100%);
  --gradient-success-primary-4: linear-gradient(351deg, rgba(14,157,110,1.00) 0%, rgba(76,203,161,1.00) 100%);
  --gradient-success-primary-5: linear-gradient(63deg, rgba(14,157,110,1.00) 0%, rgba(76,203,161,1.00) 100%);

  /* -- success dark -- */
  /* default */
  --gradient-dark-success-default-1: linear-gradient(135deg, rgba(9,102,71,1.00) 0%, rgba(6,74,52,1.00) 100%);
  --gradient-dark-success-default-2: linear-gradient(207deg, rgba(9,102,71,1.00) 0%, rgba(6,74,52,1.00) 100%);
  --gradient-dark-success-default-3: linear-gradient(279deg, rgba(9,102,71,1.00) 0%, rgba(6,74,52,1.00) 100%);
  --gradient-dark-success-default-4: linear-gradient(351deg, rgba(9,102,71,1.00) 0%, rgba(6,74,52,1.00) 100%);
  --gradient-dark-success-default-5: linear-gradient(63deg, rgba(9,102,71,1.00) 0%, rgba(6,74,52,1.00) 100%);
  /* subtle */
  --gradient-dark-success-subtle-1: linear-gradient(135deg, rgba(6,74,52,1.00) 0%, rgba(4,46,32,1.00) 100%);
  --gradient-dark-success-subtle-2: linear-gradient(207deg, rgba(6,74,52,1.00) 0%, rgba(4,46,32,1.00) 100%);
  --gradient-dark-success-subtle-3: linear-gradient(279deg, rgba(6,74,52,1.00) 0%, rgba(4,46,32,1.00) 100%);
  --gradient-dark-success-subtle-4: linear-gradient(351deg, rgba(6,74,52,1.00) 0%, rgba(4,46,32,1.00) 100%);
  --gradient-dark-success-subtle-5: linear-gradient(63deg, rgba(6,74,52,1.00) 0%, rgba(4,46,32,1.00) 100%);
  /* primary */
  --gradient-dark-success-primary-1: linear-gradient(135deg, rgba(11,130,90,1.00) 0%, rgba(9,102,71,1.00) 100%);
  --gradient-dark-success-primary-2: linear-gradient(207deg, rgba(11,130,90,1.00) 0%, rgba(9,102,71,1.00) 100%);
  --gradient-dark-success-primary-3: linear-gradient(279deg, rgba(11,130,90,1.00) 0%, rgba(9,102,71,1.00) 100%);
  --gradient-dark-success-primary-4: linear-gradient(351deg, rgba(11,130,90,1.00) 0%, rgba(9,102,71,1.00) 100%);
  --gradient-dark-success-primary-5: linear-gradient(63deg, rgba(11,130,90,1.00) 0%, rgba(9,102,71,1.00) 100%);

  /* -- warning light -- */
  /* default */
  --gradient-warning-default-1: linear-gradient(135deg, rgba(245,158,11,1.00) 0%, rgba(248,182,72,1.00) 100%);
  --gradient-warning-default-2: linear-gradient(207deg, rgba(245,158,11,1.00) 0%, rgba(248,182,72,1.00) 100%);
  --gradient-warning-default-3: linear-gradient(279deg, rgba(245,158,11,1.00) 0%, rgba(248,182,72,1.00) 100%);
  --gradient-warning-default-4: linear-gradient(351deg, rgba(245,158,11,1.00) 0%, rgba(248,182,72,1.00) 100%);
  --gradient-warning-default-5: linear-gradient(63deg, rgba(245,158,11,1.00) 0%, rgba(248,182,72,1.00) 100%);
  /* subtle */
  --gradient-warning-subtle-1: linear-gradient(135deg, rgba(248,182,72,1.00) 0%, rgba(250,207,133,1.00) 100%);
  --gradient-warning-subtle-2: linear-gradient(207deg, rgba(248,182,72,1.00) 0%, rgba(250,207,133,1.00) 100%);
  --gradient-warning-subtle-3: linear-gradient(279deg, rgba(248,182,72,1.00) 0%, rgba(250,207,133,1.00) 100%);
  --gradient-warning-subtle-4: linear-gradient(351deg, rgba(248,182,72,1.00) 0%, rgba(250,207,133,1.00) 100%);
  --gradient-warning-subtle-5: linear-gradient(63deg, rgba(248,182,72,1.00) 0%, rgba(250,207,133,1.00) 100%);
  /* primary */
  --gradient-warning-primary-1: linear-gradient(135deg, rgba(208,134,9,1.00) 0%, rgba(248,182,72,1.00) 100%);
  --gradient-warning-primary-2: linear-gradient(207deg, rgba(208,134,9,1.00) 0%, rgba(248,182,72,1.00) 100%);
  --gradient-warning-primary-3: linear-gradient(279deg, rgba(208,134,9,1.00) 0%, rgba(248,182,72,1.00) 100%);
  --gradient-warning-primary-4: linear-gradient(351deg, rgba(208,134,9,1.00) 0%, rgba(248,182,72,1.00) 100%);
  --gradient-warning-primary-5: linear-gradient(63deg, rgba(208,134,9,1.00) 0%, rgba(248,182,72,1.00) 100%);

  /* -- warning dark -- */
  /* default */
  --gradient-dark-warning-default-1: linear-gradient(135deg, rgba(135,87,6,1.00) 0%, rgba(98,63,4,1.00) 100%);
  --gradient-dark-warning-default-2: linear-gradient(207deg, rgba(135,87,6,1.00) 0%, rgba(98,63,4,1.00) 100%);
  --gradient-dark-warning-default-3: linear-gradient(279deg, rgba(135,87,6,1.00) 0%, rgba(98,63,4,1.00) 100%);
  --gradient-dark-warning-default-4: linear-gradient(351deg, rgba(135,87,6,1.00) 0%, rgba(98,63,4,1.00) 100%);
  --gradient-dark-warning-default-5: linear-gradient(63deg, rgba(135,87,6,1.00) 0%, rgba(98,63,4,1.00) 100%);
  /* subtle */
  --gradient-dark-warning-subtle-1: linear-gradient(135deg, rgba(98,63,4,1.00) 0%, rgba(61,40,3,1.00) 100%);
  --gradient-dark-warning-subtle-2: linear-gradient(207deg, rgba(98,63,4,1.00) 0%, rgba(61,40,3,1.00) 100%);
  --gradient-dark-warning-subtle-3: linear-gradient(279deg, rgba(98,63,4,1.00) 0%, rgba(61,40,3,1.00) 100%);
  --gradient-dark-warning-subtle-4: linear-gradient(351deg, rgba(98,63,4,1.00) 0%, rgba(61,40,3,1.00) 100%);
  --gradient-dark-warning-subtle-5: linear-gradient(63deg, rgba(98,63,4,1.00) 0%, rgba(61,40,3,1.00) 100%);
  /* primary */
  --gradient-dark-warning-primary-1: linear-gradient(135deg, rgba(172,111,8,1.00) 0%, rgba(135,87,6,1.00) 100%);
  --gradient-dark-warning-primary-2: linear-gradient(207deg, rgba(172,111,8,1.00) 0%, rgba(135,87,6,1.00) 100%);
  --gradient-dark-warning-primary-3: linear-gradient(279deg, rgba(172,111,8,1.00) 0%, rgba(135,87,6,1.00) 100%);
  --gradient-dark-warning-primary-4: linear-gradient(351deg, rgba(172,111,8,1.00) 0%, rgba(135,87,6,1.00) 100%);
  --gradient-dark-warning-primary-5: linear-gradient(63deg, rgba(172,111,8,1.00) 0%, rgba(135,87,6,1.00) 100%);

  /* -- error light -- */
  /* default */
  --gradient-error-default-1: linear-gradient(135deg, rgba(239,68,68,1.00) 0%, rgba(243,115,115,1.00) 100%);
  --gradient-error-default-2: linear-gradient(207deg, rgba(239,68,68,1.00) 0%, rgba(243,115,115,1.00) 100%);
  --gradient-error-default-3: linear-gradient(279deg, rgba(239,68,68,1.00) 0%, rgba(243,115,115,1.00) 100%);
  --gradient-error-default-4: linear-gradient(351deg, rgba(239,68,68,1.00) 0%, rgba(243,115,115,1.00) 100%);
  --gradient-error-default-5: linear-gradient(63deg, rgba(239,68,68,1.00) 0%, rgba(243,115,115,1.00) 100%);
  /* subtle */
  --gradient-error-subtle-1: linear-gradient(135deg, rgba(243,115,115,1.00) 0%, rgba(247,162,162,1.00) 100%);
  --gradient-error-subtle-2: linear-gradient(207deg, rgba(243,115,115,1.00) 0%, rgba(247,162,162,1.00) 100%);
  --gradient-error-subtle-3: linear-gradient(279deg, rgba(243,115,115,1.00) 0%, rgba(247,162,162,1.00) 100%);
  --gradient-error-subtle-4: linear-gradient(351deg, rgba(243,115,115,1.00) 0%, rgba(247,162,162,1.00) 100%);
  --gradient-error-subtle-5: linear-gradient(63deg, rgba(243,115,115,1.00) 0%, rgba(247,162,162,1.00) 100%);
  /* primary */
  --gradient-error-primary-1: linear-gradient(135deg, rgba(203,58,58,1.00) 0%, rgba(243,115,115,1.00) 100%);
  --gradient-error-primary-2: linear-gradient(207deg, rgba(203,58,58,1.00) 0%, rgba(243,115,115,1.00) 100%);
  --gradient-error-primary-3: linear-gradient(279deg, rgba(203,58,58,1.00) 0%, rgba(243,115,115,1.00) 100%);
  --gradient-error-primary-4: linear-gradient(351deg, rgba(203,58,58,1.00) 0%, rgba(243,115,115,1.00) 100%);
  --gradient-error-primary-5: linear-gradient(63deg, rgba(203,58,58,1.00) 0%, rgba(243,115,115,1.00) 100%);

  /* -- error dark -- */
  /* default */
  --gradient-dark-error-default-1: linear-gradient(135deg, rgba(131,37,37,1.00) 0%, rgba(96,27,27,1.00) 100%);
  --gradient-dark-error-default-2: linear-gradient(207deg, rgba(131,37,37,1.00) 0%, rgba(96,27,27,1.00) 100%);
  --gradient-dark-error-default-3: linear-gradient(279deg, rgba(131,37,37,1.00) 0%, rgba(96,27,27,1.00) 100%);
  --gradient-dark-error-default-4: linear-gradient(351deg, rgba(131,37,37,1.00) 0%, rgba(96,27,27,1.00) 100%);
  --gradient-dark-error-default-5: linear-gradient(63deg, rgba(131,37,37,1.00) 0%, rgba(96,27,27,1.00) 100%);
  /* subtle */
  --gradient-dark-error-subtle-1: linear-gradient(135deg, rgba(96,27,27,1.00) 0%, rgba(60,17,17,1.00) 100%);
  --gradient-dark-error-subtle-2: linear-gradient(207deg, rgba(96,27,27,1.00) 0%, rgba(60,17,17,1.00) 100%);
  --gradient-dark-error-subtle-3: linear-gradient(279deg, rgba(96,27,27,1.00) 0%, rgba(60,17,17,1.00) 100%);
  --gradient-dark-error-subtle-4: linear-gradient(351deg, rgba(96,27,27,1.00) 0%, rgba(60,17,17,1.00) 100%);
  --gradient-dark-error-subtle-5: linear-gradient(63deg, rgba(96,27,27,1.00) 0%, rgba(60,17,17,1.00) 100%);
  /* primary */
  --gradient-dark-error-primary-1: linear-gradient(135deg, rgba(167,48,48,1.00) 0%, rgba(131,37,37,1.00) 100%);
  --gradient-dark-error-primary-2: linear-gradient(207deg, rgba(167,48,48,1.00) 0%, rgba(131,37,37,1.00) 100%);
  --gradient-dark-error-primary-3: linear-gradient(279deg, rgba(167,48,48,1.00) 0%, rgba(131,37,37,1.00) 100%);
  --gradient-dark-error-primary-4: linear-gradient(351deg, rgba(167,48,48,1.00) 0%, rgba(131,37,37,1.00) 100%);
  --gradient-dark-error-primary-5: linear-gradient(63deg, rgba(167,48,48,1.00) 0%, rgba(131,37,37,1.00) 100%);

  /* -- info light -- */
  /* default */
  --gradient-info-default-1: linear-gradient(135deg, rgba(0,145,255,1.00) 0%, rgba(64,173,255,1.00) 100%);
  --gradient-info-default-2: linear-gradient(207deg, rgba(0,145,255,1.00) 0%, rgba(64,173,255,1.00) 100%);
  --gradient-info-default-3: linear-gradient(279deg, rgba(0,145,255,1.00) 0%, rgba(64,173,255,1.00) 100%);
  --gradient-info-default-4: linear-gradient(351deg, rgba(0,145,255,1.00) 0%, rgba(64,173,255,1.00) 100%);
  --gradient-info-default-5: linear-gradient(63deg, rgba(0,145,255,1.00) 0%, rgba(64,173,255,1.00) 100%);
  /* subtle */
  --gradient-info-subtle-1: linear-gradient(135deg, rgba(64,173,255,1.00) 0%, rgba(128,200,255,1.00) 100%);
  --gradient-info-subtle-2: linear-gradient(207deg, rgba(64,173,255,1.00) 0%, rgba(128,200,255,1.00) 100%);
  --gradient-info-subtle-3: linear-gradient(279deg, rgba(64,173,255,1.00) 0%, rgba(128,200,255,1.00) 100%);
  --gradient-info-subtle-4: linear-gradient(351deg, rgba(64,173,255,1.00) 0%, rgba(128,200,255,1.00) 100%);
  --gradient-info-subtle-5: linear-gradient(63deg, rgba(64,173,255,1.00) 0%, rgba(128,200,255,1.00) 100%);
  /* primary */
  --gradient-info-primary-1: linear-gradient(135deg, rgba(0,123,217,1.00) 0%, rgba(64,173,255,1.00) 100%);
  --gradient-info-primary-2: linear-gradient(207deg, rgba(0,123,217,1.00) 0%, rgba(64,173,255,1.00) 100%);
  --gradient-info-primary-3: linear-gradient(279deg, rgba(0,123,217,1.00) 0%, rgba(64,173,255,1.00) 100%);
  --gradient-info-primary-4: linear-gradient(351deg, rgba(0,123,217,1.00) 0%, rgba(64,173,255,1.00) 100%);
  --gradient-info-primary-5: linear-gradient(63deg, rgba(0,123,217,1.00) 0%, rgba(64,173,255,1.00) 100%);

  /* -- info dark -- */
  /* default */
  --gradient-dark-info-default-1: linear-gradient(135deg, rgba(0,80,140,1.00) 0%, rgba(0,58,102,1.00) 100%);
  --gradient-dark-info-default-2: linear-gradient(207deg, rgba(0,80,140,1.00) 0%, rgba(0,58,102,1.00) 100%);
  --gradient-dark-info-default-3: linear-gradient(279deg, rgba(0,80,140,1.00) 0%, rgba(0,58,102,1.00) 100%);
  --gradient-dark-info-default-4: linear-gradient(351deg, rgba(0,80,140,1.00) 0%, rgba(0,58,102,1.00) 100%);
  --gradient-dark-info-default-5: linear-gradient(63deg, rgba(0,80,140,1.00) 0%, rgba(0,58,102,1.00) 100%);
  /* subtle */
  --gradient-dark-info-subtle-1: linear-gradient(135deg, rgba(0,58,102,1.00) 0%, rgba(0,36,64,1.00) 100%);
  --gradient-dark-info-subtle-2: linear-gradient(207deg, rgba(0,58,102,1.00) 0%, rgba(0,36,64,1.00) 100%);
  --gradient-dark-info-subtle-3: linear-gradient(279deg, rgba(0,58,102,1.00) 0%, rgba(0,36,64,1.00) 100%);
  --gradient-dark-info-subtle-4: linear-gradient(351deg, rgba(0,58,102,1.00) 0%, rgba(0,36,64,1.00) 100%);
  --gradient-dark-info-subtle-5: linear-gradient(63deg, rgba(0,58,102,1.00) 0%, rgba(0,36,64,1.00) 100%);
  /* primary */
  --gradient-dark-info-primary-1: linear-gradient(135deg, rgba(0,102,179,1.00) 0%, rgba(0,80,140,1.00) 100%);
  --gradient-dark-info-primary-2: linear-gradient(207deg, rgba(0,102,179,1.00) 0%, rgba(0,80,140,1.00) 100%);
  --gradient-dark-info-primary-3: linear-gradient(279deg, rgba(0,102,179,1.00) 0%, rgba(0,80,140,1.00) 100%);
  --gradient-dark-info-primary-4: linear-gradient(351deg, rgba(0,102,179,1.00) 0%, rgba(0,80,140,1.00) 100%);
  --gradient-dark-info-primary-5: linear-gradient(63deg, rgba(0,102,179,1.00) 0%, rgba(0,80,140,1.00) 100%);


  /* ========================================= SHAPES ========================================= */


  /* --------------------------------- Breakpoints --------------------------------- */
  /* Breakpoints — use with @media (min-width: var(--bp-X)) */
  --bp-xs: 23.438rem;
  /* 375px */
  --bp-sm: 30.000rem;
  /* 480px */
  --bp-md: 40.000rem;
  /* 640px */
  --bp-lg: 48.000rem;
  /* 768px */
  --bp-xl: 64.000rem;
  /* 1024px */
  --bp-2xl: 80.000rem;
  /* 1280px */
  --bp-3xl: 90.000rem;
  /* 1440px */
  --bp-4xl: 100.000rem;
  /* 1600px */
  --bp-5xl: 120.000rem;
  /* 1920px */

  /* Fluid scale range */
  --clamp-min: 375px;
  /* XS */
  --clamp-max: 1440px;
  /* 3XL */;


  /* --------------------------------- Container --------------------------------- */
  /* Container base (referencia 1440px) */
  --container-full:   1392px;
  --container-middle: 1240px;
  --container-low:    1040px;
  /* 1280px */
  --container-full-1280:   1237px;
  --container-middle-1280: 1102px;
  --container-low-1280:    924px;
  /* 1024px */
  --container-full-1024:   990px;
  --container-middle-1024: 882px;
  --container-low-1024:    740px;
  /* 900px */
  --container-full-900:   870px;
  --container-middle-900: 775px;
  --container-low-900:    650px;
  /* 768px */
  --container-full-768:   742px;
  --container-middle-768: 661px;
  --container-low-768:    555px;
  /* 640px */
  --container-full-640:   619px;
  --container-middle-640: 551px;
  --container-low-640:    462px;
  /* 480px */
  --container-full-480:   464px;
  --container-middle-480: 413px;
  --container-low-480:    347px;
  /* 375px */
  --container-full-375:   363px;
  --container-middle-375: 323px;
  --container-low-375:    271px;


  /* --------------------------------- Spacings --------------------------------- */
  /* Spacing Scale — fluid clamp() */
  --space-xxs: clamp(4px, 0.38vw + 0.162rem, 8px);
  --space-xs: clamp(8px, 0.38vw + 0.412rem, 12px);
  --space-sm: clamp(12px, 0.38vw + 0.662rem, 16px);
  --space-md: clamp(16px, 0.75vw + 0.824rem, 24px);
  --space-lg: clamp(24px, 0.75vw + 1.324rem, 32px);
  --space-xl: clamp(40px, 1.50vw + 2.148rem, 56px);
  --space-xxl: clamp(56px, 2.25vw + 2.972rem, 80px);
  /* Padding */
  --p-xxs: var(--space-xxs);
  --px-xxs: var(--space-xxs);
  --py-xxs: var(--space-xxs);
  --pt-xxs: var(--space-xxs);
  --pb-xxs: var(--space-xxs);
  --pl-xxs: var(--space-xxs);
  --pr-xxs: var(--space-xxs);
  --p-xs: var(--space-xs);
  --px-xs: var(--space-xs);
  --py-xs: var(--space-xs);
  --pt-xs: var(--space-xs);
  --pb-xs: var(--space-xs);
  --pl-xs: var(--space-xs);
  --pr-xs: var(--space-xs);
  --p-sm: var(--space-sm);
  --px-sm: var(--space-sm);
  --py-sm: var(--space-sm);
  --pt-sm: var(--space-sm);
  --pb-sm: var(--space-sm);
  --pl-sm: var(--space-sm);
  --pr-sm: var(--space-sm);
  --p-md: var(--space-md);
  --px-md: var(--space-md);
  --py-md: var(--space-md);
  --pt-md: var(--space-md);
  --pb-md: var(--space-md);
  --pl-md: var(--space-md);
  --pr-md: var(--space-md);
  --p-lg: var(--space-lg);
  --px-lg: var(--space-lg);
  --py-lg: var(--space-lg);
  --pt-lg: var(--space-lg);
  --pb-lg: var(--space-lg);
  --pl-lg: var(--space-lg);
  --pr-lg: var(--space-lg);
  --p-xl: var(--space-xl);
  --px-xl: var(--space-xl);
  --py-xl: var(--space-xl);
  --pt-xl: var(--space-xl);
  --pb-xl: var(--space-xl);
  --pl-xl: var(--space-xl);
  --pr-xl: var(--space-xl);
  --p-xxl: var(--space-xxl);
  --px-xxl: var(--space-xxl);
  --py-xxl: var(--space-xxl);
  --pt-xxl: var(--space-xxl);
  --pb-xxl: var(--space-xxl);
  --pl-xxl: var(--space-xxl);
  --pr-xxl: var(--space-xxl);
  /* Margin */
  --m-xxs: var(--space-xxs);
  --mx-xxs: var(--space-xxs);
  --my-xxs: var(--space-xxs);
  --mt-xxs: var(--space-xxs);
  --mb-xxs: var(--space-xxs);
  --ml-xxs: var(--space-xxs);
  --mr-xxs: var(--space-xxs);
  --m-xs: var(--space-xs);
  --mx-xs: var(--space-xs);
  --my-xs: var(--space-xs);
  --mt-xs: var(--space-xs);
  --mb-xs: var(--space-xs);
  --ml-xs: var(--space-xs);
  --mr-xs: var(--space-xs);
  --m-sm: var(--space-sm);
  --mx-sm: var(--space-sm);
  --my-sm: var(--space-sm);
  --mt-sm: var(--space-sm);
  --mb-sm: var(--space-sm);
  --ml-sm: var(--space-sm);
  --mr-sm: var(--space-sm);
  --m-md: var(--space-md);
  --mx-md: var(--space-md);
  --my-md: var(--space-md);
  --mt-md: var(--space-md);
  --mb-md: var(--space-md);
  --ml-md: var(--space-md);
  --mr-md: var(--space-md);
  --m-lg: var(--space-lg);
  --mx-lg: var(--space-lg);
  --my-lg: var(--space-lg);
  --mt-lg: var(--space-lg);
  --mb-lg: var(--space-lg);
  --ml-lg: var(--space-lg);
  --mr-lg: var(--space-lg);
  --m-xl: var(--space-xl);
  --mx-xl: var(--space-xl);
  --my-xl: var(--space-xl);
  --mt-xl: var(--space-xl);
  --mb-xl: var(--space-xl);
  --ml-xl: var(--space-xl);
  --mr-xl: var(--space-xl);
  --m-xxl: var(--space-xxl);
  --mx-xxl: var(--space-xxl);
  --my-xxl: var(--space-xxl);
  --mt-xxl: var(--space-xxl);
  --mb-xxl: var(--space-xxl);
  --ml-xxl: var(--space-xxl);
  --mr-xxl: var(--space-xxl);
  /* Gap */
  --gap-xxs: var(--space-xxs);
  --gap-x-xxs: var(--space-xxs);
  --gap-y-xxs: var(--space-xxs);
  --gap-xs: var(--space-xs);
  --gap-x-xs: var(--space-xs);
  --gap-y-xs: var(--space-xs);
  --gap-sm: var(--space-sm);
  --gap-x-sm: var(--space-sm);
  --gap-y-sm: var(--space-sm);
  --gap-md: var(--space-md);
  --gap-x-md: var(--space-md);
  --gap-y-md: var(--space-md);
  --gap-lg: var(--space-lg);
  --gap-x-lg: var(--space-lg);
  --gap-y-lg: var(--space-lg);
  --gap-xl: var(--space-xl);
  --gap-x-xl: var(--space-xl);
  --gap-y-xl: var(--space-xl);
  --gap-xxl: var(--space-xxl);
  --gap-x-xxl: var(--space-xxl);
  --gap-y-xxl: var(--space-xxl);
  /* Inset (position) */
  --inset-xxs: var(--space-xxs);
  --inset-x-xxs: var(--space-xxs);
  --inset-y-xxs: var(--space-xxs);
  --inset-xs: var(--space-xs);
  --inset-x-xs: var(--space-xs);
  --inset-y-xs: var(--space-xs);
  --inset-sm: var(--space-sm);
  --inset-x-sm: var(--space-sm);
  --inset-y-sm: var(--space-sm);
  --inset-md: var(--space-md);
  --inset-x-md: var(--space-md);
  --inset-y-md: var(--space-md);
  --inset-lg: var(--space-lg);
  --inset-x-lg: var(--space-lg);
  --inset-y-lg: var(--space-lg);
  --inset-xl: var(--space-xl);
  --inset-x-xl: var(--space-xl);
  --inset-y-xl: var(--space-xl);
  --inset-xxl: var(--space-xxl);
  --inset-x-xxl: var(--space-xxl);
  --inset-y-xxl: var(--space-xxl);
  /* Scroll spacing */
  --scroll-m-xxs: var(--space-xxs);
  --scroll-p-xxs: var(--space-xxs);
  --scroll-m-xs: var(--space-xs);
  --scroll-p-xs: var(--space-xs);
  --scroll-m-sm: var(--space-sm);
  --scroll-p-sm: var(--space-sm);
  --scroll-m-md: var(--space-md);
  --scroll-p-md: var(--space-md);
  --scroll-m-lg: var(--space-lg);
  --scroll-p-lg: var(--space-lg);
  --scroll-m-xl: var(--space-xl);
  --scroll-p-xl: var(--space-xl);
  --scroll-m-xxl: var(--space-xxl);
  --scroll-p-xxl: var(--space-xxl);


  /* --------------------------------- Radius --------------------------------- */
  /* Border Radius Scale */
  --radius-xxs: 2px;
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-xxl: 24px;
  --radius-full: 9999px;


  /* ========================================= MOTION ========================================= */


  /* --------------------------------- Motion --------------------------------- */
  /* ── Motion System — Duration Scale ── */
  --motion-dur-xs: 100ms;
  /* Micro-interacciones, íconos, ripples */
  --motion-dur-sm: 150ms;
  /* Tooltips, badges, chips, highlights */
  --motion-dur-md: 200ms;
  /* Dropdowns, menús, pequeños modales */
  --motion-dur-lg: 300ms;
  /* Paneles, drawers, modales medianos */
  --motion-dur-xl: 400ms;
  /* Transiciones de página, hero anims */

  /* ── Easing ── */
  --motion-easing: cubic-bezier(0.25, 0.1, 0.25, 1);
  /* ── Usage Examples ──
  .element-xs { transition: all var(--motion-dur-xs) var(--motion-easing);
  }
  .element-sm { transition: all var(--motion-dur-sm) var(--motion-easing);
  }
  .element-md { transition: all var(--motion-dur-md) var(--motion-easing);
  }
  .element-lg { transition: all var(--motion-dur-lg) var(--motion-easing);
  }
  .element-xl { transition: all var(--motion-dur-xl) var(--motion-easing);
  }
  */;
}