/* base.css */
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  padding:0;
}
a{color:inherit;text-decoration:none}
button{font:inherit}

/* Motion & tap polish */
:root{ color-scheme: light; }
html{ scroll-behavior: smooth; }
body{ -webkit-tap-highlight-color: transparent; }
button, a{ -webkit-tap-highlight-color: transparent; }
:focus-visible{ outline: none; }


/* Safe areas (Capacitor/Android/iOS) */
:root{
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-right: env(safe-area-inset-right, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-left: env(safe-area-inset-left, 0px);
}

body{
  padding-top: var(--safe-top);
  padding-right: var(--safe-right);
  padding-bottom: var(--safe-bottom);
  padding-left: var(--safe-left);
}