/*
╔════════════════════════════════════════════════════════════════════╗
║  ROOTED VITALITY, INC.                                             ║
║  File: styles/styles.css                                           ║
║  Purpose: Modular CSS Aggregator (Import Only)                     ║
║  Holistic Wellness · Modern Connection Platform                    ║
║  rootedvitality.health | 2025                                         ║
╚════════════════════════════════════════════════════════════════════╝

TABLE OF CONTENTS
  1. BASE STYLES (Variables, Resets, Typography)
  2. LAYOUT (Containers, Grid, Spacing)
  3. COMPONENTS (Buttons, Cards, Forms, Modals)
  4. PAGES (Page-Specific Styles)

REFACTORED STRUCTURE (Per System Prompt.md #5)
  - Styles.css MUST remain lightweight (universals only)
  - Modular architecture for maintainability
  - Each module serves a specific purpose
  - Page-specific styles isolated to pages.css

IMPORT ORDER
  1. base.css      → Variables, resets, typography
  2. layout.css    → Containers, grid, spacing
  3. components.css → Buttons, cards, forms, modals
  4. pages.css     → Page-specific styles
*/

/* ========================================== */
/* 1. BASE STYLES (VARIABLES, RESETS, TYPOGRAPHY) */
/* ========================================== */

@import url("base.css");

/* ========================================== */
/* 2. LAYOUT (CONTAINERS, GRID, SPACING) */
/* ========================================== */

@import url("layout.css");

/* ========================================== */
/* 3. COMPONENTS (BUTTONS, CARDS, FORMS, MODALS) */
/* ========================================== */

@import url("components.css");

/* ========================================== */
/* 4. PAGES (PAGE-SPECIFIC STYLES) */
/* ========================================== */

@import url("pages.css");







/* FORCE: Black text in dark mode for maximum readability */