:root {
  --color-primary400: #ffd35a;
  --color-primary500: #fec200;

  --color-secondary200: #e8ed99;
  --color-secondary300: #e1e782;
  --color-secondary400: #dae163;
  --color-secondary500: #d1d13c;

  --color-tertiary: #4db5cf;

  --color-accent500: #fb8847;
  --color-accent600: #f9682d;

  --color-warning: #ff6969;

  --color-background-dark: #f4d348;
  --color-background-normal: #fbe389;
  --color-background-light: #fdf8e3;

  --color-background-footer: #9ba276;
  --color-background-disabled-btn: #eceeed;

  --color-text-normal: #47594e;
  --color-text-link: #0086BE;

  --color-border: #9ba27680;

  --color-label: #F687B3;

  --border-radius-lg: 8px;
  --border-radius-m: 16px;

  --gap-s: 4px;
  --gap-m: 16px;
  --gap-l: 16px;
}