:root {

  --color-cardinal: rgb(238, 85, 85);
  --color-eel: rgb(241, 247, 251);
  --color-swan: rgb(55, 70, 79);
  --color-snow: rgb(19, 31, 36);
  --internal-border-color: rgb(55, 70, 79);
  --color-hare: rgb(82, 101, 109);
  --color-polar: rgb(32, 47, 54);
  --color-iguana: rgb(32, 47, 54);
  --color-blue-jay: rgb(63, 133, 167);
  --color-whale: rgb(24, 153, 214);
  --color-wolf: rgb(220, 230, 236);

  --color-beetle: rgb(206, 130, 255);
  --color-owl: rgb(147, 211, 51);

  --internal-background-color: rgb(19, 31, 36);
  --internal--switchable__border-color: rgb(55, 70, 79);
  --internal-color-active: rgb(82, 101, 109);
  --internal-background-color-disabled: rgb(55, 70, 79);
  --internal-color-disabled: rgb(82, 101, 109);


  --internal-background-color-default: rgb(147, 211, 51);
  --internal-border-color-default: rgb(121, 185, 51);
  --color-sea-sponge: rgb(32, 47, 54);
  --color-tree-frog: rgb(121, 185, 51);

  --color-walking-fish: rgb(32, 47, 54);
  --color-fire-ant: rgb(216, 72, 72);

  --internal-background-color-danger: rgb(238, 85, 85);
  --internal-color-danger: rgb(19, 31, 36);

  --internal-background-color-success: rgb(32, 47, 54);
  --internal-border-success: rgb(95, 132, 40);
  --internal-color-success: rgb(121, 185, 51);

  --internal-word-background: rgb(19, 31, 36);
  --internal-word-border: rgb(55, 70, 79)
}

.dark-theme {


  --color-cardinal: rgb(238, 85, 85);
  --color-eel: rgb(241, 247, 251);
  --color-swan: rgb(55, 70, 79);
  --color-snow: rgb(19, 31, 36);
  --internal-border-color: rgb(55, 70, 79);
  --color-hare: rgb(82, 101, 109);
  --color-polar: rgb(32, 47, 54);
  --color-iguana: rgb(32, 47, 54);
  --color-blue-jay: rgb(63, 133, 167);
  --color-beetle: rgb(206, 130, 255);
  --color-owl: rgb(147, 211, 51);
  --color-wolf: rgb(220, 230, 236);


  --internal-background-color: rgb(19, 31, 36);
  --internal--switchable--border-color: rgb(55, 70, 79);
  --internal-color-active: rgb(82, 101, 109);
  --internal-background-color-disabled: rgb(55, 70, 79);
  --internal-color-disabled: rgb(82, 101, 109);


  --internal-background-color-default: rgb(147, 211, 51);
  --internal-border-color-default: rgb(121, 185, 51);
  --color-sea-sponge: rgb(32, 47, 54);

  --color-tree-frog: rgb(121, 185, 51);
  --color-walking-fish: rgb(32, 47, 54);
  --color-fire-ant: rgb(216, 72, 72);
}



h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}

/* Base styles */
body {
  margin: 0;
  padding: 0;
  font-family: 'Nunito', sans-serif;
  background-color: var(--color-background);
  color: var(--color-text-primary);
  transition: background-color var(--transition-normal), color var(--transition-normal);
}

#app {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}