@import "tailwindcss";

@layer base {
  :root {
    --color-rust: rgb(125, 60, 40);
    --color-forest: #20372E;
    --color-blue: #5f7fe9;
  }
}

@layer utilities {
  .bg-rust {
    background-color: var(--color-rust);
  }

  .bg-forest {
    background-color: var(--color-forest);
  }

  .bg-blue {
    background-color: var(--color-blue);
  }

  .text-rust {
    color: var(--color-rust);
  }

  .text-forest {
    color: var(--color-forest);
  }

  .text-blue {
    color: var(--color-blue);
  }

  .border-rust {
    border-color: var(--color-rust);
  }

  .border-forest {
    border-color: var(--color-forest);
  }

  .border-blue {
    border-color: var(--color-blue);
  }
}