@layer base {
  html {
    --font-header: "Raleway", sans-serif;
    --font-body: "Raleway", sans-serif;

    --primary: #f3df82;
    --secondary: white;
    --color-bg: var(--secondary-50);
  }
  @media (prefers-color-scheme: dark) {
    /* :root { */
    /*   --color-text: var(--neutral-100); */
    /*   --color-bg: var(--neutral-800); */
    /*   --color-bg-dark: var(--neutral-900); */
    /*   --color-border: var(--neutral-600); */
    /* } */
  }
}