@import url('./preflight.css');

/* Base Styles For Heading Element */
h1 {
  font-family: 'Oswald', sans-serif;
  font-size: 1.5rem;
  color: rgb(51 65 85);
}

/* Flexbox and Grid Utilities */
.flex {
  display: flex;
}

.flex-col {
  flex-direction: column;
}

.gap-4 {
  gap: 1rem; /* 16px */
}

/* Text Alignment */
.text-center {
  text-align: center;
}

/* Borders and Radius */
.rounded {
  border-radius: 0.25rem; /* 4px */
}

/* Background Colors */
.bg-slate-100 {
  background-color: rgb(241 245 249);
}

.bg-green-200 {
  background-color: rgb(187 247 208);
}

.bg-amber-200 {
  background-color: rgb(253 230 138);
}

.bg-red-200 {
  background-color: rgb(254 202 202);
}

/* Padding */
.p-3 {
  padding: 0.75rem; /* 12px */
}

.px-5 {
  padding-left: 1.25rem; /* 20px */
  padding-right: 1.25rem; /* 20px */
}

.py-3 {
  padding-top: 0.75rem; /* 12px */
  padding-bottom: 0.75rem; /* 12px */
}

/* Text Size and Color */
.text-base {
  font-size: 1rem; /* 16px */
  line-height: 1.5rem; /* 24px */
}

.text-green-900 {
  color: rgb(20 83 45);
}

.text-amber-900 {
  color: rgb(120 53 15);
}

.text-red-900 {
  color: rgb(127 29 29);
}

/* Text Format */
.whitespace-pre-wrap {
  white-space: pre-wrap;
}