:root {
  color-scheme: light dark;
  --primary: light-dark(#2d3748, #f7fafc);
  --secondary: light-dark(#c53030, #fc8181);
  --accent: light-dark(#4a5568, #a0aec0);
  --text: light-dark(#1a202c, #e2e8f0);
  --background: light-dark(#ffffff, #1a202c);
}

html {
  background: var(--background);
  min-height: 100%;
}

body {
  color: var(--text);
  background: transparent;
  min-height: 100vh;
  font-family:
    -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
}

a {
  color: var(--accent);
  text-decoration: none;
  cursor: pointer;
}