:root {
  /* Colors */
  --color-primary: #37a446;
  --color-success: #37a446;
  --color-info: #17a2b8;
  --color-warning: #f99621;
  --color-danger: #e40308;

  --color-white: #fff;
  --color-black-50: #f6f6f6;
  --color-black-100: #e7e7e7;
  --color-black-200: #d1d1d1;
  --color-black-300: #b0b0b0;
  --color-black-400: #888888;
  --color-black-500: #6d6d6d;
  --color-black-600: #5d5d5d;
  --color-black-700: #4f4f4f;
  --color-black-800: #454545;
  --color-black-900: #3d3d3d;
  --color-black-950: #000000;
  --color-muted: var(--color-black-400);

  /* Spacing */
  --spacing-0: 0;
  --spacing-1: 0.25rem;
  --spacing-2: 0.5rem;
  --spacing-3: 1rem;
  --spacing-4: 1.5rem;
  --spacing-5: 2rem;
  --spacing-6: 2.5rem;
  --spacing-7: 3rem;

  /* round */
  --round-0: 0;
  --round-1: 0.25rem;
  --round-2: 0.5rem;
  --round-3: 0.75rem;
  --round-4: 1rem;
  --round-5: 1.5rem;
  --round-full: 50%;

  /* Type */
  --font-family: Roboto, sans-serif;
  --font-size-base: 1rem;
  --font-size-sm: 0.875rem;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --heading-font-weight: 900;
  --heading-font-family: Roboto;
  --heading-text-transform: normal;
  --heading-1-font-size: 2rem;
  --heading-2-font-size: 1.5rem;
  --heading-3-font-size: 1.25rem;
  --heading-line-height: 1.1;
  --heading-rotation: -2deg;
  --body-color: var(--color-black-950);
  /* Icon */
  --icon-size: var(--font-size-base);
  /* Link */
  --link-color: var(--color-primary);
  --link-hover-color: var(--color-black-950);
  --link-font-size: var(--font-size-base);
  --link-font-weight: var(--font-weight-normal);
  /* Button */
  --button-height: 4rem;
  --button-padding-x: 1.625rem;
  --button-background-color: var(--color-primary);
  --button-background-color-hover: #288537;
  --button-background-color-active: var(--color-black-950);
  ;
  --button-color: #fff;
  --button-color-hover: var(--button-color);
  --button-border-color: none;
  --button-border-color-hover: none;
  --button-border-width: 0;
  --button-border-radius: 0.625rem;
  --button-box-shadow: none;
  --button-font-size: var(--font-size-base);
  --button-font-weight: var(--font-weight-bold);
}