style>
      :root {
        --light-bg: #fffff2;
        --light-accent: #daddd8;
        --dark-bg: #262626;
        --dark-accent: #2d2e2e;
        --text: #fff;
        --button-bg: #d52941;
        --button-text: #f7ebe8;
      }

      @media (prefers-color-scheme: dark) {
        :root {
          --bg-color: var(--dark-bg);
          --container-bg: var(--dark-accent);
          --heading-color: var(--light-accent);
          --text-color: var(--light-bg);
        }
      }

      @media (prefers-co