/**
 * Public Site Styles - Main Entry Point
 * Sprint 12: Public UI Base
 * 
 * This file imports all public-facing CSS modules in the correct order:
 * 1. Design tokens (CSS variables)
 * 2. Typography (base text styles)
 * 3. Layout (page structure)
 * 4. Utilities (helper classes)
 */

/* ========================================
   DESIGN TOKENS
   Must be loaded first to make variables available
   ======================================== */
@import 'public/tokens.css';

/* ========================================
   BASE STYLES
   ======================================== */
@import 'public/typography.css';

/* ========================================
   LAYOUT
   ======================================== */
@import 'public/layout.css';

/* ========================================
   UTILITIES
   Loaded last so they can override other styles
   ======================================== */
@import 'public/utilities.css';

/* ========================================
   GLOBAL RESETS (if needed)
   ======================================== */

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

html {
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}

body {
  margin: 0;
  padding: 0;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

button {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  cursor: pointer;
  border: none;
  background: none;
  padding: 0;
}

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

/* ========================================
   FUTURE COMPONENT STYLES
   Component-specific styles will be loaded via scoped CSS
   or added here as needed
   ======================================== */

/* Example: @import 'public/components/header.css'; */
/* Example: @import 'public/components/footer.css'; */