@import './tokens/fonts.css?v=a7b5efd7';
@import './tokens/colors.css?v=a7b5efd7';
@import './tokens/typography.css?v=a7b5efd7';
@import './tokens/spacing.css?v=a7b5efd7';

/* Phones read centred (user decision): all copy and headings centre on small screens.
   Forms and legal texts stay left for readability; .m-center recentres flex rows
   whose inline justify-content would otherwise keep their children at the left edge. */
@media (max-width: 768px){
  main, footer { text-align: center; }
  main form { text-align: left; }
  input, textarea, select { text-align: left; }
  .legal, .legal * { text-align: left; }
  .m-center { justify-content: center !important; }
}