:root {
    --color-base-white: rgba(255, 255, 255, 1);
    --color-base-black: rgba(0, 0, 0, 1);
    --color-neutral-100: rgba(249, 247, 246, 1);
    --color-neutral-200: rgba(217, 217, 217, 1);
    --color-neutral-300: rgba(190, 194, 193, 1);
    --color-neutral-400: rgba(117, 117, 117, 1);
    --color-neutral-500: rgba(77, 77, 77, 1);
    --color-neutral-600: rgba(38, 38, 38, 1);
    --color-brand-primary: rgba(9, 88, 69, 1);
    --color-green-100: rgba(228, 238, 236, 1);
    --color-green-200: rgba(157, 188, 181, 1);
    --color-green-600: rgba(5, 51, 40, 1);
    --color-brown-100: rgba(249, 247, 242, 1);
    --color-red-500: rgba(217, 70, 54, 1);
    --color-accent-blue: rgba(5, 137, 255, 1);
    --number-none: 0rem; /* 0px / 16 */
    --number-xs: 0.25rem; /* 4px / 16 */
    --number-sm: 0.375rem; /* 6px / 16 */
    --number-base: 0.5rem; /* 8px / 16 */
    --number-md: 0.75rem; /* 12px / 16 */
    --number-lg: 0.8125rem; /* 13px / 16 */
    --number-xl: 0.875rem; /* 14px / 16 */
    --number-2xl: 1rem; /* 16px / 16 */
    --number-3xl: 1.125rem; /* 18px / 16 */
    --number-4xl: 1.5rem; /* 24px / 16 */
    --number-5xl: 2rem; /* 32px / 16 */
    --number-6xl: 2.5rem; /* 40px / 16 */
    --number-7xl: 3rem; /* 48px / 16 */
    --number-8xl: 4rem; /* 64px / 16 */
    --number-9xl: 5rem; /* 80px / 16 */
    --number-full: 62.4375rem; /* 999px / 16 */
  }