:root {
  --alice-blue: #f3f9ff;
  --black: #1f2937;
  --blue-crayola: #457af5;
  --clear-day: rgb(240 255 250);
  --default--white: #ffffff;
  --fiery-rose: #E63946;
  --primary: #E63946;
  --linen: #fbf3ec;
  --milk-white: #fcfcfd;
  --oxford-blue: #0f1b36;
  --powder-blue: #c0d0f4;
  --scampi: #655c97;
  --bg-soft: #f8f9fa;
  --text-soft: #1f2937;

  --font-size-l: 22px;
  --font-size-m: 18px;
  --font-size-s: 16px;
  --font-size-xl: 32px;
  --font-size-xxl: 52px;

  --font-family-inter: "Inter", Helvetica;
  --font-family-display: "Outfit", "Inter", Helvetica;
}

#pl-logo {
  background-color: var(--fiery-rose);
  height: 51px;
  width: 60px;
  font-size: 30px;
  padding: 0px 0px;
  border-radius: 4px;
  color: var(--default--white);
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  box-shadow: 0 2px 8px rgba(230, 57, 70, 0.2);
  transition: all 0.3s ease;
}

#pl-logo:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(230, 57, 70, 0.3);
}

.inter-normal-midnight-18px {
  color: var(--oxford-blue);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.inter-medium-midnight-18px {
  color: var(--oxford-blue);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}

.inter-bold-midnight-32px {
  color: var(--oxford-blue);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 700;
}

.inter-extra-bold-midnight-52px {
  color: var(--oxford-blue);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 800;
}

.inter-medium-midnight-22px {
  color: var(--oxford-blue);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 500;
}

.inter-semi-bold-blueberry-22px {
  color: var(--blue-crayola);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 600;
}

.inter-bold-midnight-22px {
  color: var(--oxford-blue);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 700;
}

.inter-medium-blueberry-18px {
  color: var(--blue-crayola);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}