@font-face {
  font-family: 'Windows';
  src: url('../assets/fonts/Windows Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

:root {
  --bg-canvas:       #f5f0e8;
  --ink:             #2c2416;
  --ink-light:       #6b5f4a;
  --ink-muted:       #a09880;
  --seedling-border: #a09880;
  --backdrop:        rgba(44,36,22,.45);
  --radius:          12px;
  --transition:      0.22s ease;
}

:root.dark {
  --bg-canvas:       #1a1714;
  --ink:             #e8e2d6;
  --ink-light:       #a09070;
  --ink-muted:       #6b5f4a;
  --seedling-border: #6b5f4a;
  --backdrop:        rgba(0,0,0,.62);
}

*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }

body {
  font-family: 'Windows', monospace;
  background: var(--bg-canvas);
  color: var(--ink);
  transition: background .35s ease, color .35s ease;
  overflow: hidden;
}

img {
  image-rendering: pixelated;
  image-rendering: crisp-edges;
}

a { color: inherit; text-decoration: none; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}