@layer reset, base, components, utilities, theme;

@layer base {
  :root {
    --font-family: -apple-system, "system-ui", "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    --light-gray: #f4f4f4;
    --content-max-width: 98rem;
    --selection-color: black;
    --selection-background-color: hsl(50deg 95% 85%);
    --color-primary: hsl(162, 29%, 40%);
  }

  @media (prefers-color-scheme: dark) {

  }

  ::selection {
    color: var(--selection-color);
    background: var(--selection-background-color);
  }
}