:root {
    --bg-color: [backgroundColor];
    --text-color: #000000;
    --section-bg: #ffffff;
    --section-shadow: #B3B3B3;
  }

  .dark-mode {
    --bg-color: #333333;
    --text-color: #ffffff;
    --section-bg: #555555;
    --section-shadow: #222222;
  }

  body {
    background-color: var(--bg-color);
    color: var(--text-color);
    transition: background-color 0.3s, color 0.3s;
  }

  main {
    max-width:750px;
    margin:0 auto;
  }

  section {
    background: var(--section-bg);
    padding:1em;
    border-radius:3px;
    box-shadow: 0 0.5px 0 0 var(--bg-color) inset, 0 1px 2px 0 var(--section-shadow);
    margin-top:1em;
    transition: background-color 0.3s, box-shadow 0.3s;
  }

  button, input {
    box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
  }

  label {
    text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
  }