:root {
  --color-active: #D63D36;
  --color-background: #F6F6F6;

  --color-brand-1: #a6edbe;
  --color-brand-2: #53c97c;
  --color-brand-3: #468F5F;
  --color-brand-base: #008b2f;
  --color-text-base: #565656;
  --color-brand-secondary: #539369;
  --color-white: #FFFFFF;
  --color-brand-4: #9ECBAB;
  --color-brand-light-1: #CCEAD0;

  --color-land-brand: #35A744;
  --color-land-brand-hover: var(--color-brand-base);
  --color-land-background: #FAFAFA;
  --color-land-background-green: #8BC6BC;
  --color-land-yellow: #F1A10C;
  --color-land-red: var(--color-active);
  --color-land-accent: #07C0FB;
  --color-land-inactive: #C4C4C4;
  --color-land-hint: #E3B307;

  --color-foreground-dark: #2A2A2A;

  --color-border-primary: #E6E6E6;

  --border: 1px solid var(--color-border-primary);

  --rounded-base: 5px;
  --rounded-md: 10px;

  --sizing-xs: 12px;
  --sizing-xsp: 13px;
  --sizing-sm: 14px;
  --sizing-smp: 15px;
  --sizing-base: 16px;
  --sizing-lg: 18px;
  --sizing-xl: 20px;
  --sizing-2xl: 22px;
  --sizing-3xl: 24px;
  --sizing-4xl: 26px;
  --sizing-5xl: 28px;
  --sizing-base-radius: 5px;
}