:root {
  --primary-color-rgb: 235, 69, 90;
  --primary-color: rgb(var(--primary-color-rgb));
  --secondary-color-rgb: 76, 132, 255;
  --secondary-color: rgb(var(--secondary-color-rgb));
  --neutral-background-color: rgba(0, 0, 0, 0.03);
  --icon-neutral-color: rgba(0, 0, 0, 0.3);
  --icon-neutral-color-hover: rgba(0, 0, 0, 0.5);
  --money-color-rgb: 0, 182, 0;
  --money-color: rgb(var(--money-color-rgb));
  --label-column-width: 35px;
  --clear-icon-color: var(--error-color);
  --footer-text-size: 12px;
  --footer-text-size-smaller: 10px;
  --secondary-text-color: rgba(0, 0, 0, 0.4);

  /* INPUTS */
  --input-wrapper-margin-bottom: 8px;
  --input-wrapper-min-width: 0;
  --input-color: #000;
  --input-font-size: 14px;
  --input-height: 30px;
  --input-border: 1px solid var(--border-color);
  --border-color: rgba(0, 0, 0, 0.2);
  --input-focus-border-color: var(--primary-color);
  --error-color-rgb: 254, 40, 81; /*#FE2851*/
  --error-color: rgb(var(--error-color-rgb));
  --input-error-border-color: var(--error-color);
  --input-error-background-color: rgba(var(--error-color-rgb), 0.1);
  --input-disabled-color: rgba(0, 0, 0, 0.3);
  --input-disabled-background: rgba(0, 0, 0, 0);
  --input-placeholder-color: rgba(0, 0, 0, 0.6);
  --label-color-disabled: rgba(0, 0, 0, 0.3);
  --label-color: var(--label-color-general);
  --label-font-size: 12px;
  --label-font-weight: bold;
  --input-focus-shadow: 0px 0px 1px 3px rgba(var(--primary-color-rgb), 0.4);
  --input-border-radius: 2px;
  --input-height-without-border: 28px;
  --input-icon-color: rgba(0, 0, 0, 0.4);
  --input-icon-background: white;
  --input-error-shadow: 0px 0px 1px 3px rgba(var(--error-color-rgb), 0.4);
  --select-option-focus-background-color: rgba(0, 0, 0, 0.06);
  --select-option-selected-background-color: white;
  --select-option-selected-font-color: var(--primary-color);
  /* INPUTS */

  /* BUTTON */
  --positive-button-color-rgb: 76, 132, 255;
  --positive-button-color: rgb(var(--positive-button-color-rgb));
  --negative-button-color: rgba(0, 0, 0, 0.1);
  --destructive-button-color: rgba(0, 0, 0, 0.1);
  --destructive-button-active-color: rgb(234, 77, 63);
  --dark-text-button-color: rgba(0, 0, 0, 0.7);
  --light-text-button-color: #fff;
  --positive-button-active-transparent-color: rgba(76, 132, 255, 0.1);
  --negative-button-active-transparent-color: rgba(0, 0, 0, 0.1);
  --destructive-button-active-transparent-color: rgba(234, 77, 63, 0.1);
  --payment-button-color: var(--money-color);
  --payment-button-active-transparent-color: rgba(var(--money-color-rgb), 0.1);

  /* BUTTON */

  /* CARD */
  --drop-shadow-stronger:
    0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  --card-background-color: white;
  --drop-shadow-primary: 0 1px 2px rgba(0, 0, 0, 0.16);
  /* CARD */

  --primary-text-color: rgba(0, 0, 0, 0.8);
  --label-color-general: rgba(0, 0, 0, 0.9);

  /* NOTIFICATIONS */
  --success-color-rgb: 32, 190, 167; /*#20BEA7*/
  --success-color: rgb(var(--success-color-rgb));
  --warning-color-rgb: 250, 190, 37; /*FABE25*/
  --warning-color: rgb(var(--warning-color-rgb));
  /* NOTIFICATIONS */

  /* CALENDAR */
  --resource-block-color: var(--primary-color);
  --calendar-border: 1px solid var(--table-border-color);
  /* CALENDAR */

  /* TABLE */
  --table-border-color: #dadada;
  --table-header-background: #f9f9f9;
  --group-header-row-background: rgb(237, 242, 255);
  --group-total-row-background: var(--group-header-row-background);
  --table-header-color: var(--label-color-general);
  --table-body-cell-color: #0c1821;
  --table-hovered-row-color: rgba(var(--warning-color-rgb), 0.4);

  --even-row-background: white;
  --odd-row-background: #f9f9f9;

  --table-base-error-background: rgba(235, 69, 90, 0.4);

  --table-last-selected-row-background: #fcecd8;
  /* TABLE */

  /* LIST */
  --list-even-color: #f9f9f9;
  --list-odd-color: #ffffff;
  --list-hover-color: var(--table-hovered-row-color);
  --list-marked-color: rgba(var(--secondary-color-rgb), 0.3);
  --list-primary-font-size: 14px;
  --list-secondary-font-size: 12px;
  --list-primary-font-color: var(--label-color-general);
  --list-secondary-font-color: var(--secondary-text-color);
  /* LIST */

  /* NAVIGATION */
  --nav-background-color: white;
  /* NAVIGATION */
}