/**
 * Base Styles Index
 *
 * Imports all foundational styles in the correct order.
 * Include this file in HTML pages before page-specific stylesheets.
 *
 * Order matters:
 * 1. Variables - Define all CSS custom properties first
 * 2. Reset - Normalize browser defaults
 * 3. Typography - Base text styles
 * 4. Utilities - Helper classes
 */

@import './variables.css';
/* Single source of truth for COLOR tokens — generated from design-tokens/tokens*.json
   (run `npm run tokens` there). Imported AFTER variables.css so the generated values
   authoritatively override the (now-redundant) color declarations in variables.css.
   Non-color tokens (spacing/type/radius/shadow/z/etc.) still live in variables.css. */
@import './_color-tokens.generated.css';
@import './reset.css';
@import './typography.css';
@import './utilities.css';
@import './mobile-gate.css';