:root:not([data-theme="dark"]),
:root[data-theme="light"]{
  --pico-font-family-sans-serif: 'Outfit', sans-serif;
}

/* Theme 2: Green */
:root:not([data-theme="dark"]),
:root[data-theme="light"]{
  --pico-background-color: #012a2a;
  --pico-card-background-color: #014040;
  --pico-primary: #00a896;
  --pico-primary-background: #00a896;
  --pico-primary-border: #00a896;
  --pico-primary-hover-background: #008577;
  --pico-primary-hover-border: #008577;
  --pico-color: #e8f4f0;
  --pico-h1-color: #e8f4f0;
  --pico-range-thumb-color: var(--pico-primary);
}

.writing-1 {
  color: #00a884;
  text-shadow:
        1px 1px 0px #000000,
        -1px 1px 0px #000000,
        1px -1px 0px #000000,
        -1px -1px 0px #000000;
  font-family: 'Racing Sans One', sans-serif;
  font-size:  3rem;
  letter-spacing: 2px;
}

.title-writing {
  color: #00a884;
  font-family: 'Racing Sans One', sans-serif;
  font-size:  2.5rem;
  letter-spacing: 2px;
}

.subtitle-writing {
  color: #e2cda6;

  font-family: 'Racing Sans One', sans-serif;
  font-size:  2.0rem;
  letter-spacing: 2px;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

header {
  position: sticky;
  top: 0;
  background-color: #2A1501;
  border-radius: 20px;
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  padding: 1rem 2rem;
}