:root {
  --info-50: #dffdfd;
  --info-100: #c7f9f8;
  --info-200: #92f0f4;
  --info-300: #59cfde;
  --info-400: #2fa4be;
  --info-500: #006e93;
  --info-600: #00557e;
  --info-700: #004069;
  --info-800: #002d55;
  --info-900: #002046;

  --success-50: #effedd;
  --success-100: #e5f9ce;
  --success-200: #c7f3a0;
  --success-300: #98db6b;
  --success-400: #69b842;
  --success-500: #338914;
  --success-600: #22750e;
  --success-700: #15620a;
  --success-800: #0a4f06;
  --success-900: #034104;

  --warning-50: #fff5e2;
  --warning-100: #fae9c8;
  --warning-200: #f5cf94;
  --warning-300: #e1a65c;
  --warning-400: #c37b33;
  --warning-500: #9b4703;
  --warning-600: #853502;
  --warning-700: #6f2601;
  --warning-800: #591a00;
  --warning-900: #4a1100;

  --danger-50: #fff2ec;
  --danger-100: #f9dbce;
  --danger-200: #f3b1a0;
  --danger-300: #dd786c;
  --danger-400: #bb4643;
  --danger-500: #8e151d;
  --danger-600: #7a0f20;
  --danger-700: #660a21;
  --danger-800: #520620;
  --danger-900: #44041f;

  --open-50: #fdfee5;
  --open-100: #fafbd2;
  --open-200: #f4f8a7;
  --open-300: #e5eb78;
  --open-400: #cfd753;
  --open-500: #b3bd23;
  --open-600: #98a219;
  --open-700: #7e8811;
  --open-800: #656d0b;
  --open-900: #525a06;

  --click-50: #ecffee;
  --click-100: #cdfad2;
  --click-200: #9df5b0;
  --click-300: #68e28e;
  --click-400: #40c577;
  --click-500: #109f5a;
  --click-600: #0b8858;
  --click-700: #087254;
  --click-800: #055c4c;
  --click-900: #034c46;

  --bounce-50: #e7fbf5;
  --bounce-100: #d1faee;
  --bounce-200: #a4f5e5;
  --bounce-300: #72e1d4;
  --bounce-400: #4bc3bf;
  --bounce-500: #1c949b;
  --bounce-600: #147585;
  --bounce-700: #0e596f;
  --bounce-800: #084159;
  --bounce-900: #052f4a;

  --unsubscribe-50: #fff3f7;
  --unsubscribe-100: #f9cfde;
  --unsubscribe-200: #f4a1c6;
  --unsubscribe-300: #e06eac;
  --unsubscribe-400: #c14695;
  --unsubscribe-500: #991777;
  --unsubscribe-600: #831070;
  --unsubscribe-700: #6e0b67;
  --unsubscribe-800: #560758;
  --unsubscribe-900: #400449;

  --delivery-50: #fcf0ff;
  --delivery-100: #f3d4fb;
  --delivery-200: #e3abf7;
  --delivery-300: #c77de9;
  --delivery-400: #a559d3;
  --delivery-500: #7a2ab6;
  --delivery-600: #5f1e9c;
  --delivery-700: #471583;
  --delivery-800: #320d69;
  --delivery-900: #230857;
  
  --blue-50: #e6eaed;
  --blue-100: #b0bec7;
  --blue-200: #8a9fac;
  --blue-300: #547386;
  --blue-400: #33586e;
  --blue-500: #002e4a;
  --blue-600: #002a43;
  --blue-700: #002135;
  --blue-800: #001929;
  --blue-900: #00131f;

  --yellow-50: #ffffff;
  --yellow-100: #fdfbf2;
  --yellow-200: #fdf9eb;
  --yellow-300: #fcf7e2;
  --yellow-400: #fbf5dd;
  --yellow-500: #f6efd0;
  --yellow-600: #e4ddc1;
  --yellow-700: #b2ad97;
  --yellow-800: #8a8675;
  --yellow-900: #696659;

  --lavender-50: #f8f6ff;
  --lavender-100: #e2def7;
  --lavender-200: #c7bef2;
  --lavender-300: #8d7fd4;
  --lavender-400: #7766cc;
  --lavender-500: #5540bf;
  --lavender-600: #4d3aae;
  --lavender-700: #3c2d88;
  --lavender-800: #2f2369;
  --lavender-900: #241b50;

  --gray-50: #fefefe;
  --gray-100: #fcfcfc;
  --gray-200: #fafafa;
  --gray-300: #f5f5f5;
  --gray-400: #e9e9e9;
  --gray-500: #bbbbbb;
  --gray-600: #9b9b9b;
  --gray-700: #6d6d6d;
  --gray-800: #252525;
  --gray-900: #141414;

  --notifications-success-lightest: #effedd;
  --statistics-open-lightest: #fdfee5;
  --statistics-open-lighter: #fafbd2;
  --statistics-open-light: #f4f8a7;
  --statistics-open-dark: #b3bd23;
  --statistics-open-darker: #7e8811;
  --statistics-open-darkest: #656d0b;
  --notifications-success-lighter: #e5f9ce;
  --notifications-success-light: #c7f3a0;
  --notifications-success-medium: #92c862;
  --notifications-success-dark: #22750e;
  --notifications-success-darker: #0a4f06;
  --notifications-success-darkest: #034104;
  --notifications-warning-lightest: #fff5e2;
  --notifications-warning-lighter: #fae9c8;
  --notifications-warning-light: #f5cf94;
  --notifications-warning-medium: #deb25d;
  --notifications-warning-dark: #853502;
  --notifications-warning-darker: #591a00;
  --notifications-warning-darkest: #3f180c;
  --notifications-danger-lighest: #fff2ec;
  --notifications-danger-lighter: #f9dbce;
  --notifications-danger-light: #f3b1a0;
  --notifications-danger-medium: #c34d4d;
  --notifications-danger-dark: #7a0f20;
  --notifications-danger-darker: #520620;
  --notifications-danger-darkest: #3f0404;
  --notifications-info-lightest: #dffdfd;
  --notifications-info-lighter: #c7f9f8;
  --notifications-info-light: #92f0f4;
  --notifications-info-medium: #53b7c4;
  --notifications-info-dark: #00557e;
  --notifications-info-darker: #001929;
  --notifications-info-darkest: #002046;
  --statistics-click-lightest: #ecffee;
  --statistics-click-lighter: #cdfad2;
  --statistics-click-light: #9df5b0;
  --statistics-click-dark: #109f5a;
  --statistics-click-darker: #087254;
  --statistics-click-darkest: #055c4c;
  --statistics-bounce-lightest: #e7fbf5;
  --statistics-bounce-lighter: #d1faee;
  --statistics-bounce-light: #a4f5e5;
  --statistics-bounce-dark: #1c949b;
  --statistics-bounce-darker: #0e596f;
  --statistics-bounce-darkest: #084159;
  --statistics-unsubscribe-lightest: #fff3f7;
  --statistics-unsubscribe-lighter: #f9cfde;
  --statistics-unsubscribe-light: #f4a1c6;
  --statistics-unsubscribe-dark: #991777;
  --statistics-unsubscribe-darker: #6e0b67;
  --statistics-unsubscribe-darkest: #560758;
  --statistics-deliveryrate-lightest: #fcf0ff;
  --statistics-deliveryrate-lighter: #f3d4fb;
  --statistics-deliveryrate-light: #e3abf7;
  --statistics-deliveryrate-dark: #7a2ab6;
  --statistics-deliveryrate-darker: #471583;
  --statistics-deliveryrate-darkest: #320d69;
  --layout-none: 0px;
  --layout-50-4: 4px;
  --layout-100-8: 8px;
  --layout-150-12: 12px;
  --layout-200-14: 16px;
  --layout-250-16: 20px;
  --layout-300-24: 24px;
  --layout-400-32: 32px;
  --layout-500-40: 40px;
  --layout-600-48: 48px;
  --layout-700-56: 56px;
  --layout-800-64: 64px;
  --layout-900-72: 72px;
  --layout-1000-80: 80px;
  --layout-1100-88: 88px;
  --layout-1200-96: 96px;
  --layout-1400-112: 114px;
  --layout-1500-120: 122px;

  --notifications-notification-dot: #ff007a;

  --border-radius-none: var(--layout-none);
  --border-radius-sm: var(--layout-50-4);
  --border-radius-md: var(--layout-100-8);
  --border-radius-lg: var(--layout-150-12);
  --spacing-none: var(--layout-none);
  --spacing-xs: var(--layout-50-4);
  --spacing-sm: var(--layout-100-8);
  --spacing-md: var(--layout-200-14);
  --spacing-lg: var(--layout-300-24);
  --spacing-xl: var(--layout-400-32);
  --spacing-2xl: var(--layout-600-48);
  --padding-none: var(--layout-none);
  --padding-xs: var(--layout-50-4);
  --padding-sm: var(--layout-100-8);
  --padding-md: var(--layout-150-12);
  --padding-lg: var(--layout-200-14);
  --padding-xl: var(--layout-250-16);
  --padding-2xl: var(--layout-300-24);
  --padding-3xl: var(--layout-400-32);
  --padding-4xl: var(--layout-500-40);
  --padding-5xl: var(--layout-600-48);
  
  --border-primary: var(--gray-400);
  --border-secondary: var(--lavender-500);
  --box-secondary: var(--gray-200);
  --box: var(--gray-50);
  --brand-black: var(--gray-800);
  --brand-blue: var(--blue-500);
  --brand-purple: var(--lavender-500);
  --brand-white: var(--gray-300);
  --brand-yellow: var(--yellow-500);
  --button-primary-background-active: var(--lavender-600);
  --button-primary-background-disabled: var(--gray-400);
  --button-primary-background-focus: var(--lavender-400);
  --button-primary-background-hover: var(--lavender-400);
  --button-primary-background: var(--lavender-500);
  --button-primary-border-active: var(--lavender-400);
  --button-primary-border-focus: var(--lavender-500);
  --button-primary-icon-active: var(--lavender-50);
  --button-primary-icon-disabled: var(--gray-600);
  --button-primary-icon-focus: var(--lavender-50);
  --button-primary-icon-hover: var(--lavender-50);
  --button-primary-icon: var(--gray-300);
  --button-primary-text-active: var(--lavender-50);
  --button-primary-text-disabled: var(--gray-600);
  --button-primary-text-focus: var(--lavender-50);
  --button-primary-text-hover: var(--lavender-50);
  --button-primary-text: var(--gray-300);
  --button-secondary-background-active: var(--lavender-600);
  --button-secondary-background-disabled: transparent;
  --button-secondary-background-hover: var(--gray-300);
  --button-secondary-background: transparent;
  --button-secondary-border-active: var(--lavender-400);
  --button-secondary-border-disabled: transparent;
  --button-secondary-border-focus: var(--lavender-500);
  --button-secondary-border-hover: var(--lavender-300);
  --button-secondary-border: var(--lavender-500);
  --button-secondary-icon-active: var(--lavender-50);
  --button-secondary-icon-disabled: var(--gray-600);
  --button-secondary-icon-focus: var(--lavender-500);
  --button-secondary-icon-hover: var(--lavender-400);
  --button-secondary-icon: var(--lavender-500);
  --button-secondary-text-active: var(--lavender-50);
  --button-secondary-text-disabled: var(--gray-600);
  --button-secondary-text-focus: var(--lavender-500);
  --button-secondary-text-hover: var(--lavender-400);
  --button-secondary-text: var(--lavender-500);
  --button-tertiary-background-active: var(--lavender-50);
  --button-tertiary-background-disabled: transparent;
  --button-tertiary-background-hover: transparent;
  --button-tertiary-background: transparent;
  --button-tertiary-border-active: var(--lavender-100);
  --button-tertiary-border-disabled: var(--gray-600);
  --button-tertiary-border-focus: var(--lavender-400);
  --button-tertiary-border-hover: var(--lavender-100);
  --button-tertiary-border: transparent;
  --button-tertiary-icon-active: var(--lavender-500);
  --button-tertiary-icon-disabled: var(--gray-600);
  --button-tertiary-icon-focus: var(--lavender-500);
  --button-tertiary-icon-hover: var(--lavender-400);
  --button-tertiary-icon: var(--lavender-500);
  --button-tertiary-text-active: var(--lavender-500);
  --button-tertiary-text-disabled: var(--gray-600);
  --button-tertiary-text-focus: var(--lavender-500);
  --button-tertiary-text-hover: var(--lavender-400);
  --button-tertiary-text: var(--lavender-500);
  --darkmode: var(--page);
  --dropdown-focus: var(--lavender-100);
  --dropdown-hover: var(--lavender-50);
  --icon-primary-hover: var(--gray-700);
  --icon-primary: var(--gray-800);
  --icon-secondary-hover: var(--lavender-300);
  --icon-secondary: var(--lavender-500);
  --icon-tertiary-hover: var(--lavender-300);
  --icon-tertiary: var(--gray-700);
  --list-focus: var(--lavender-100);
  --list-hover: var(--lavender-50);
  --notifications-danger-background-primary: var(--notifications-danger-lighter);
  --notifications-danger-background-secondary: var(--notifications-danger-medium);
  --notifications-danger-border: var(--notifications-danger-light);
  --notifications-danger-icon: var(--notifications-danger-darkest);
  --notifications-info-background-primary: var(--notifications-info-lighter);
  --notifications-info-background-secondary: var(--notifications-info-medium);
  --notifications-info-border: var(--notifications-info-light);
  --notifications-info-icon: var(--notifications-info-darkest);
  --notifications-success-background-primary: var(--notifications-success-lighter);
  --notifications-success-background-secondary: var(--notifications-success-medium);
  --notifications-success-border: var(--notifications-success-light);
  --notifications-success-icon: var(--notifications-success-darkest);
  --notifications-text-danger: var(--notifications-danger-darkest);
  --notifications-text-info: var(--notifications-info-darkest);
  --notifications-text-success: var(--notifications-success-darkest);
  --notifications-text-warning: var(--notifications-warning-darkest);
  --notifications-warning-background-primary: var(--notifications-warning-lighter);
  --notifications-warning-background-secondary: var(--notifications-warning-medium);
  --notifications-warning-border: var(--notifications-warning-light);
  --notifications-warning-icon: var(--notifications-warning-darkest);
  --page: var(--gray-300);
  --statistics-bounce-hover: var(--statistics-bounce-light);
  --statistics-bounce-primary: var(--statistics-bounce-dark);
  --statistics-bounce-secondary: var(--statistics-bounce-lighter);
  --statistics-click-hover: var(--statistics-click-light);
  --statistics-click-primary: var(--statistics-click-dark);
  --statistics-click-secondary: var(--statistics-click-lighter);
  --statistics-deliveryrate-hover: var(--statistics-deliveryrate-light);
  --statistics-deliveryrate-primary: var(--statistics-deliveryrate-dark);
  --statistics-deliveryrate-secondary: var(--statistics-deliveryrate-lighter);
  --statistics-open-hover: var(--statistics-open-light);
  --statistics-open-primary: var(--statistics-open-dark);
  --statistics-open-secondary: var(--statistics-open-lighter);
  --statistics-unsubscribe-hover: var(--statistics-unsubscribe-light);
  --statistics-unsubscribe-primary: var(--statistics-unsubscribe-dark);
  --statistics-unsubscribe-secondary: var(--statistics-unsubscribe-lighter);
  --tab-background: transparent;
  --tab-background-active: var(--blue-500);
  --tab-background-hover: var(--gray-200);
  --tab-text: var(--blue-500);
  --tab-text-active: var(--gray-300);
  --tab-text-hover: var(--blue-500);
  --text-hover: var(--lavender-500);
  --text-light: var(--gray-700);
  --text-lighter: var(--gray-600);
  --text-link: var(--lavender-500);
  --text: var(--gray-800);

  /*
  @media (prefers-color-scheme: dark) {
    --border-primary: var(--blue-400);
    --border-secondary: var(--lavender-500);
    --box-secondary: var(--blue-300);
    --box: var(--blue-500);
    --brand-black: var(--gray-300);
    --brand-blue: var(--blue-500);
    --brand-purple: var(--lavender-500);
    --brand-white: var(--gray-800);
    --brand-yellow: var(--yellow-500);
    --button-primary-background-active: var(--blue-600);
    --button-primary-background-disabled: var(--blue-400);
    --button-primary-background-focus: var(--gray-300);
    --button-primary-background-hover: var(--gray-50);
    --button-primary-background: var(--gray-300);
    --button-primary-border-active: var(--blue-400);
    --button-primary-border-focus: var(--gray-500);
    --button-primary-icon-active: var(--blue-500);
    --button-primary-icon-disabled: var(--gray-600);
    --button-primary-icon-focus: var(--blue-500);
    --button-primary-icon-hover: var(--blue-500);
    --button-primary-icon: var(--blue-500);
    --button-primary-text-active: var(--blue-50);
    --button-primary-text-disabled: var(--blue-50);
    --button-primary-text-focus: var(--blue-500);
    --button-primary-text-hover: var(--blue-500);
    --button-primary-text: var(--blue-500);
    --button-secondary-background-hover: var(--blue-400);
    --button-secondary-border-active: var(--blue-400);
    --button-secondary-border-disabled: var(--blue-500);
    --button-secondary-border-focus: var(--blue-200);
    --button-secondary-border-hover: var(--blue-300);
    --button-secondary-border: var(--blue-500);
    --button-secondary-icon-active: var(--blue-50);
    --button-secondary-icon-disabled: var(--blue-50);
    --button-secondary-icon-focus: var(--gray-300);
    --button-secondary-icon-hover: var(--gray-300);
    --button-secondary-icon: var(--gray-300);
    --button-secondary-text-active: var(--blue-50);
    --button-secondary-text-disabled: var(--gray-300);
    --button-secondary-text-focus: var(--gray-50);
    --button-secondary-text-hover: var(--gray-50);
    --button-secondary-text: var(--gray-300);
    --button-tertiary-background-active: var(--blue-600);
    --button-tertiary-border-active: var(--blue-300);
    --button-tertiary-border-disabled: var(--gray-600);
    --button-tertiary-border-focus: var(--blue-100);
    --button-tertiary-border-hover: var(--blue-300);
    --button-tertiary-icon-active: var(--blue-50);
    --button-tertiary-icon-disabled: var(--gray-300);
    --button-tertiary-icon-focus: var(--blue-50);
    --button-tertiary-icon-hover: var(--blue-50);
    --button-tertiary-icon: var(--blue-50);
    --button-tertiary-text-active: var(--blue-50);
    --button-tertiary-text-disabled: var(--blue-50);
    --button-tertiary-text-focus: var(--gray-50);
    --button-tertiary-text-hover: var(--gray-50);
    --button-tertiary-text: var(--gray-300);
    --darkmode: var(--blue-500);
    --dropdown-focus: var(--lavender-100);
    --dropdown-hover: var(--lavender-50);
    --icon-primary-hover: var(--blue-200);
    --icon-primary: var(--gray-300);
    --icon-secondary-hover: var(--gray-50);
    --icon-secondary: var(--lavender-50);
    --icon-tertiary-hover: var(--lavender-200);
    --icon-tertiary: var(--blue-300);
    --list-focus: var(--lavender-100);
    --list-hover: var(--lavender-50);
    --notifications-danger-background-primary: var(--notifications-danger-darkest);
    --notifications-danger-background-secondary: var(--notifications-danger-medium);
    --notifications-danger-border: var(--notifications-danger-light);
    --notifications-danger-icon: var(--notifications-danger-darkest);
    --notifications-info-background-primary: var(--notifications-info-darkest);
    --notifications-info-background-secondary: var(--notifications-info-medium);
    --notifications-info-border: var(--notifications-info-light);
    --notifications-info-icon: var(--notifications-info-darkest);
    --notifications-success-background-primary: var(--notifications-success-darkest);
    --notifications-success-background-secondary: var(--notifications-success-medium);
    --notifications-success-border: var(--notifications-success-light);
    --notifications-success-icon: var(--notifications-success-darkest);
    --notifications-text-danger: var(--notifications-danger-light);
    --notifications-text-info: var(--notifications-info-light);
    --notifications-text-success: var(--notifications-success-light);
    --notifications-text-warning: var(--notifications-warning-light);
    --notifications-warning-background-primary: var(--notifications-warning-darkest);
    --notifications-warning-background-secondary: var(--notifications-warning-medium);
    --notifications-warning-border: var(--notifications-warning-light);
    --notifications-warning-icon: var(--notifications-warning-darkest);
    --page: var(--blue-800);
    --statistics-bounce-hover: var(--statistics-bounce-light);
    --statistics-bounce-primary: var(--statistics-bounce-dark);
    --statistics-bounce-secondary: var(--statistics-bounce-lighter);
    --statistics-click-hover: var(--statistics-click-light);
    --statistics-click-primary: var(--statistics-click-dark);
    --statistics-click-secondary: var(--statistics-click-lighter);
    --statistics-deliveryrate-hover: var(--statistics-deliveryrate-light);
    --statistics-deliveryrate-primary: var(--statistics-deliveryrate-dark);
    --statistics-deliveryrate-secondary: var(--statistics-deliveryrate-lighter);
    --statistics-open-hover: var(--statistics-open-light);
    --statistics-open-primary: var(--statistics-open-dark);
    --statistics-open-secondary: var(--statistics-open-lighter);
    --statistics-unsubscribe-hover: var(--statistics-unsubscribe-light);
    --statistics-unsubscribe-primary: var(--statistics-unsubscribe-dark);
    --statistics-unsubscribe-secondary: var(--statistics-unsubscribe-lighter);
    --text-hover: var(--lavender-100);
    --text-light: var(--gray-500);
    --text-lighter: var(--blue-200);
    --text-link: var(--lavender-200);
    --text: var(--gray-300);
  }
  */
}