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

      body {
        font-family: "Helvetica Neue", Arial, sans-serif;
        background-color: var(--bg-color);
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100vh;
        flex-direction: column;
      