html {
  background-color: #111;
}

body {
  margin: 0;
  min-width: 320px;
  min-height: 100dvh;
  background-color: #111;
  font-family: "Ubuntu", sans-serif;
  font-weight: 400;
  font-style: normal;
}

app-root {
  display: block; /* Required: Custom tags defaults to inline */
  height: 100%;   /* Or 100vh depending on your layout choice */
}

.paprika {
    color: #823A2E;
}
.cast-iron-black {
    color: #111111;
}
.chefs-tan {
    color: #D9B88C;
}
.cast-steel {
    color: #A7A9AC;
}
.wood-brown {
    color: #5A3A1F;
}

.ubuntu-light {
  font-family: "Ubuntu", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.ubuntu-regular {
  font-family: "Ubuntu", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.ubuntu-medium {
  font-family: "Ubuntu", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.ubuntu-bold {
  font-family: "Ubuntu", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.ubuntu-light-italic {
  font-family: "Ubuntu", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.ubuntu-regular-italic {
  font-family: "Ubuntu", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.ubuntu-medium-italic {
  font-family: "Ubuntu", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.ubuntu-bold-italic {
  font-family: "Ubuntu", sans-serif;
  font-weight: 700;
  font-style: italic;
}