/**
 * Base styles for React Suite components
 *
 * This file contains foundational styles that are applied to all React Suite components.
 * It includes box-sizing normalization and basic typography settings that ensure
 * consistent rendering across different browsers and devices.
 *
 * 1. Box sizing is set to border-box for all React Suite components and their pseudo-elements
 * 2. Basic typography and document settings are applied to the root and body elements
 */

// Apply border-box sizing to all React Suite components
*[class*='rs-'] {
  box-sizing: border-box;

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