/* =================================================
   AVERY BUNCH OS · reset + variables + fonts
   ================================================= */
:root {
  --ink:    #0a0a0a;
  --white:  #ffffff;
  --paper:  #F2F2EC;
  --primary:#16E0E0;
  --accent: #C6F542;
  --hover:  #FF2E7E;

  --c-flyers: #16E0E0;
  --c-create: #C6F542;
  --c-tech:   #FF5292;
  --c-arcade: #FFE000;
  --c-web:    #A48BFF;
  --c-block:  #2ECC71;

  --taskbar-h: 54px;
}

* { box-sizing: border-box; margin: 0; padding: 0; }
html, body {
  height: 100%;
  overflow: hidden;
  font-family: 'JetBrains Mono', monospace;
  color: var(--paper);
  -webkit-font-smoothing: antialiased;
}
button { font: inherit; cursor: pointer; }
a { color: inherit; text-decoration: none; }
* { scrollbar-width: thin; scrollbar-color: var(--accent) var(--ink); }
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: var(--ink); }
::-webkit-scrollbar-thumb { background: var(--accent); }
::-webkit-scrollbar-thumb:hover { background: var(--hover); }
/* Dark mode — swaps paper/ink for dark-on-light windows */
body.dark-mode { --paper: #1a1a1a; --ink: #F2F2EC; }

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