:root {
  --root-border-radius: 8px;
  --root-padding: 16px;
}

:root {
  --background-main: #ffffff;
  --background-paper: #ffffff;
  --backdrop-light: rgba(21, 40, 52, 0.4);

  --backdrop-main: rgba(21, 40, 52, 0.8);

  --text-primary: #0d1d26;
  --text-placeholder: #dbe0e4;

  --primary-light: #ffe0e9;
  --primary-main: #f06e93;
  --primary-dark: #f15581;

  --secondary-light: #2d4156;
  --secondary-main: #212b36;
  --secondary-dark: #0d1d26;

  --error-light: #e96c78;
  --error-main: #dc3545;
  --error-dark: #a71220;

  --warning-light: #ffd682;
  --warning-main: #ffab00;
  --warning-dark: #d38d00;

  --info-light: #e2edf7;
  --info-main: #6ca6d8;
  --info-dark: #0377a6;

  --success-light: #d7ff84;
  --success-main: #96d219;
  --success-dark: #6ca000;

  --neutral-light: #edeff1;
  --neutral-main: #dbe0e4;
  --neutral-dark: #919eab;

  --disabled: #f7f8f9;

  --white: #ffffff;
  --black: #000000;
}