$primary: #003e29; 
$secondary: #ff8340; 
$terciary: #ace4e4;
$accent: #e91e63;

$positive: #2e7d32;
$negative: #d32f2f;
$info: #0288d1;
$warning: #ed6c02;

$colors: (
  "primary": #003e29,
  "primary-2": #406e5f,
  "primary-3": #809f94,
  "primary-4": #c0cfca,

  
  "secondary": #ff8340,
  "secondary-2": #ffa270,
  "secondary-3": #ffc1a0,
  "secondary-4": #ffe0d0,

  "terciary": #ace4e4,
  "terciary-2": #c1ebeb,
  "terciary-3": #d6f2f2,
  "terciary-4": #eaf8f8,

  "background": #ececf0,
  "background-2": #f1f1f4,
  "background-3": #f6f6f8,
  "background-4": #fafafb,

  "suface": #ffffff,

  "stroke": #c9c9c9,
  "stroke-2": #d7d7d7,
  "stroke-3": #e4e4e4,
  "stroke-4": #f2f2f2,

  "alert": #e6cc00,
  "alert-2": #edd940,
  "alert-3": #f3e580,
  "alert-4": #f9f2c0,

  "approved": #00e339,
  "approved-2": #40ea6b,
  "approved-3": #80f19c,
  "approved-4": #c0f8ce,

  "declined": #ff383c,
  "declined-2": #ff6a6d,
  "declined-3": #ff9c9e,
  "declined-4": #ffcecf,

  "warning": #BF6A02,

  "accent-1": #E38B37,

  "foreground": #505050,

  "btn-badge": #554EF4,

  "transparent": transparent
);

@each $name, $color in $colors {
  .text-#{$name} {
    color: $color !important;
  }
  .bg-#{$name} {
    background: $color !important;
  }
}

