/* ============================================================
   BASE — reset, typography defaults, accessibility floor
   ============================================================ */

*{ box-sizing:border-box; margin:0; padding:0; }
html{ color-scheme:dark; }

body{
  background:
    radial-gradient(1200px 600px at 15% -10%, rgba(244,168,51,0.07), transparent),
    radial-gradient(900px 500px at 100% 0%, rgba(52,201,143,0.06), transparent),
    var(--color-bg);
  color:var(--color-text);
  font-family:var(--font-body);
  min-height:100vh;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
}

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

a{ color:inherit; }
button{ font-family:inherit; cursor:pointer; }
input, textarea{ font-family:inherit; }

:focus-visible{
  outline:2px solid var(--color-amber);
  outline-offset:2px;
  border-radius:6px;
}