:root {
  /* Colors */
  --c-gray-base: 240, 5%;

  --c-primary: #067a3c;

  --c-danger: #bb2124;

  --c-info-base: 200, 100%;
  --c-info: var(--c-info-base), 35%;

  --c-gray-0: var(--c-gray-base), 5%;
  --c-gray-1: var(--c-gray-base), 10%;
  --c-gray-2: var(--c-gray-base), 20%;
  --c-gray-3: var(--c-gray-base), 30%;
  --c-gray-4: var(--c-gray-base), 40%;
  --c-gray-5: var(--c-gray-base), 50%;
  --c-gray-6: var(--c-gray-base), 60%;
  --c-gray-7: var(--c-gray-base), 70%;
  --c-gray-8: var(--c-gray-base), 80%;
  --c-gray-9: var(--c-gray-base), 90%;

  --c-text: var(--c-gray-0);

  /* Radius */
  --radius-1: 2px;
  --radius-2: 5px;
  --radius-3: 1rem;
  --radius-4: 2rem;
  --radius-5: 4rem;
  --radius-6: 8rem;

  /* Sizes */
  --size-000: -0.5rem;
  --size-00: -0.25rem;
  --size-1: 0.25rem;
  --size-2: 0.5rem;
  --size-3: 1rem;
  --size-4: 1.25rem;
  --size-5: 1.5rem;
  --size-6: 1.75rem;
  --size-7: 2rem;
  --size-8: 3rem;
  --size-9: 4rem;
  --size-10: 5rem;
  --size-11: 7.5rem;
  --size-12: 10rem;
  --size-13: 15rem;
  --size-14: 20rem;
  --size-15: 30rem;

  --size-0: 0px;
  --size-025: 2px;
  --size-050: 4px;
  --size-100: 8px;
  --size-0125: 1px;
  --size-150: 12px;
  --size-200: 16px;
  --size-300: 24px;
  --size-400: 32px;
  --size-500: 40px;
  --size-600: 48px;
  --size-800: 64px;
  --size-1000: 80px;
  --size-1200: 96px;
  --size-8000: 1000px;

  --tshirt-xs: 12px;
  --tshirt-sm: 14px;
  --tshirt-md: 16px;
  --tshirt-lg: 18px;
  --tshirt-xl: 20px;

  --bg-page: #fff;
  --bg-surface: #fff;
  --bg-input: #fff;




  --border-subtle: #6e7b83;

  --btn-primary-bg: var(--c-primary);
  --btn-primary-fg: #fff;
  --btn-secondary-bg: #fff;
  --btn-secondary-fg: hsl(var(--c-gray-3));
  --btn-secondary-border: var(--border-subtle);

  --info-fg: hsl(var(--c-info));
  --danger-bg: var(--c-danger);
  --danger-fg: #fff;

    --text-default: hsl(var(--c-gray-3));
  --text-heading: #00402f;
  --text-inverse: #fff;
  --text-brand: #067a3c;
  --text-heading: #00402f;
  --text-primary: #232523;
  --text-secondary: #515a5e;
  --text-white: #ffffff;

    --information-050: #f5fcff;
  --information-100: #eef8fd;
  --information-150: #dbf0fb;
  --information-200: #c8e9f9;
  --information-300: #75c7f0;
  --information-400: #189bdc;
  --information-500: #0077b2;
  --information-600: #004466;
  --information-700: #00334d;
  --information-800: #002233;
  --information-900: #00111a;

  --critical-050: #fff5f5;
  --critical-100: #ffe2e0;
  --critical-150: #ffcfcc;
  --critical-200: #ffbcb8;
  --critical-300: #ffa099;
  --critical-400: #ff7066;
  --critical-500: #d33227;
  --critical-600: #b81f14;
  --critical-700: #821e17;
  --critical-800: #521814;
  --critical-900: #260e0d;
}