/* Layer order declaration — controls cascade priority across all CSS files */
@layer reset, tokens, base, layout, components, utilities;

@layer reset {
  /* Universal box-sizing */
  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }

  /* Universal margin reset */
  * {
    margin: 0;
  }

  /* Body defaults */
  body {
    line-height: var(--line-height-body, 1.6);
    -webkit-font-smoothing: antialiased;
  }

  /* Media elements: block-level, responsive */
  img,
  picture,
  video,
  canvas,
  svg {
    display: block;
    max-width: 100%;
  }

  /* Form elements: inherit font */
  input,
  button,
  textarea,
  select {
    font: inherit;
  }

  /* Text wrapping: prevent overflow */
  p,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    overflow-wrap: break-word;
  }

  /* Paragraph text wrapping */
  p {
    text-wrap: pretty;
  }

  /* Heading text wrapping */
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    text-wrap: balance;
  }
}