/**
 * Homepage "Ocean Harmony" Design System
 * Unifying Tropical, Ocean Editorial, and Command Center aesthetics
 * For 宮古島美ら海連絡協議会 Top Page
 *
 * MODULAR ARCHITECTURE (css-architecture spec compliant)
 * Total ~900 lines split into 12 focused modules
 */

/* Google Fonts - Zen Maru Gothic for Japanese warmth */
@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@400;500;700;900&family=Outfit:wght@300;400;500;600;700&display=swap');

/* 1. Variables - must be first */
@import 'homepage/_variables.css';

/* 2. Foundation */
@import 'homepage/_typography.css';

/* 3. Animations (used by components) */
@import 'homepage/_animations.css';

/* 4. Components (alphabetical) */
@import 'homepage/_activities.css';
@import 'homepage/_audience.css';
@import 'homepage/_cta.css';
@import 'homepage/_hero.css';
@import 'homepage/_mission.css';
@import 'homepage/_news.css';
@import 'homepage/_shop-carousel.css';

/* 5. Responsive */
@import 'homepage/_responsive.css';

/* 6. Accessibility */
@import 'homepage/_accessibility.css';