/* ============================================
   COMPETE.NET — CSS ARCHITECTURE
   Layer order defines cascade priority
   ============================================ */
@layer reset, tokens, base, components, utilities;

/* ── RESET ── */
@layer reset {
  *, *::before, *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  body {
    min-height: 100dvh;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  img, svg { display: block; max-width: 100%; }
  button { cursor: pointer; border: none; background: none; font: inherit; color: inherit; }
  a { color: inherit; text-decoration: none; }
}