/* Shared homepage and résumé colors and typography. */
:root {
        color-scheme: light;
        --header-font: "margot", sans-serif;
        --body-font: "source-sans-3", sans-serif;
        --accent-ink: #171717;
        --paper: #f1f1f1;
        --ink: #171717;
        /* sanzo wado's palette 306 */
        /* https://sanzo-wada.dmbk.io/combination/306 */
        --accent: #f2ff26; /* lemon yellow */
        --accent-2: #19cc33; /* dull viridian green */
        --accent-3: #00d973; /* bonzol green */
        --accent-4: #bfffe6; /* nile blue */
        --rule: rgba(23, 23, 23, 0.22);

        --page-width: 1240px;
        --gutter: clamp(20px, 4vw, 56px);
      }

@media (prefers-color-scheme: dark) {
:root {
          color-scheme: dark;
          --paper: #171717;
          --ink: #f1f1f1;
          /* sanzo wado's palette 306 */
          /* https://sanzo-wada.dmbk.io/combination/327 */
          --accent: #bfabcc; /* grayish lavender */
          --accent-2: #b85e00; /* raw sienna */
          --accent-3: #ff5ec4; /* eosine pink */
          --accent-4: #c0b490; /* ecru */
          --rule: rgba(241, 241, 241, 0.22);
        }
}