/* reset.css — Minimal reset + base */

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

body {
    margin: 0; padding: 0;
    background: var(--bg-main);
    color: var(--text-main);
    font-family: var(--font-ui);
    font-size: var(--text-base);
    line-height: 1.55;
    letter-spacing: -0.01em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: transparent;
    overscroll-behavior: none;
    min-height: 100dvh;
    transition: background var(--tr-normal), color var(--tr-fast);
}

button {
    font-family: inherit; cursor: pointer;
    border: none; background: none; color: inherit;
}

input, textarea, select {
    font-family: inherit;
    color: var(--text-main);
}

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

img, svg { display: block; max-width: 100%; }

h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: var(--weight-bold); }

p { margin: 0 0 var(--sp-3) 0; }

ul, ol { margin: 0; padding: 0; list-style: none; }

/* Scrollbar (webkit) */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--border-color); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--text-dim); }

/* Firefox scrollbar */
* { scrollbar-width: thin; scrollbar-color: var(--border-color) transparent; }