/* === FILE CONTEXT === */
/* Owner: core/reset */
/* Purpose: Browser normalization and CSS reset — @layer reset */
/* === CONTEXT.TXT §22d — Global shared CSS: reset.css === */

@layer reset {

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

  html {
    scrollbar-gutter: stable;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    overflow-x: hidden;
  }

  body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    background-color: var(--color-bg);
    color: var(--color-text);
    line-height: 1.6;
    min-height: 100vh;
    overflow-x: clip;
    font-size: var(--fs-base);
  }

  h1 { font-size: var(--fs-3xl); }
  h2 { font-size: var(--fs-2xl); }
  h3 { font-size: var(--fs-xl); }
  h4 { font-size: var(--fs-lg); }
  h5 { font-size: var(--fs-md); }
  h6 { font-size: var(--fs-base); }

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

  img,
  video,
  iframe,
  svg {
    max-width: 100%;
    height: auto;
  }

  ul, ol {
    list-style: none;
  }

  table {
    border-collapse: collapse;
    width: 100%;
  }

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

  input,
  select,
  textarea {
    font-family: inherit;
    font-size: inherit;
  }
}