/**
 * BEM Frontend CSS - Master File
 *
 * FlatStory Marketing Website
 * All frontend styles compiled in correct load order
 *
 * Note: This file uses @import which works natively in all browsers.
 * For production, consider concatenating files or using a build tool.
 */

/* =====================================================
   1. BASE STYLES
   ===================================================== */
@import 'bem/base/reset.css';
@import 'bem/base/variables.css';
@import 'bem/base/typography.css';
/* @import 'bem/base/theme-eerie.css'; */ /* REMOVED: Deprecated legacy file - all styles migrated to proper BEM files */

/* =====================================================
   2. LAYOUT PRIMITIVES
   ===================================================== */
@import 'bem/layout/container.css';
@import 'bem/layout/grid.css';
@import 'bem/layout/section.css';

/* =====================================================
   3. REUSABLE COMPONENTS
   ===================================================== */
@import 'bem/components/buttons.css';
@import 'bem/components/cards.css';
@import 'bem/components/emoji.css';
@import 'bem/components/inline-form.css';
@import 'bem/components/section-header.css';
/* @import 'bem/components/contact-drawer.css'; */ /* DEPRECATED: Use inline-form.css instead */
@import 'bem/components/back-to-top.css';
@import 'bem/components/error-page.css';
@import 'bem/components/navigation.css';
@import 'bem/components/contact-form.css';
@import 'bem/components/signals.css';
@import 'bem/components/decorative-backgrounds.css';
@import 'bem/components/signal-box.css';
@import 'bem/components/case-study-card.css';

/* =====================================================
   4. SECTION BLOCKS
   ===================================================== */
@import 'bem/blocks/hero.css';
@import 'bem/blocks/hero-section.css';
@import 'bem/blocks/features.css';
@import 'bem/blocks/content.css';
@import 'bem/blocks/pricing.css';
@import 'bem/blocks/page-header.css';
@import 'bem/blocks/contact-content.css';
@import 'bem/blocks/icon-grid.css';
@import 'bem/blocks/feature-showcase.css';
@import 'bem/blocks/card-grid.css';
@import 'bem/blocks/dual-list.css';
@import 'bem/blocks/split-content.css';
@import 'bem/blocks/quote-content.css';
@import 'bem/blocks/cta-banner.css';
@import 'bem/blocks/cta.css';
@import 'bem/blocks/footer.css';
@import 'bem/blocks/footers.css';
@import 'bem/blocks/decorative.css';
@import 'bem/blocks/video.css';
@import 'bem/blocks/map.css';
@import 'bem/blocks/forms.css';
@import 'bem/blocks/builder-components.css';
@import 'bem/blocks/content-image-section.css';
@import 'bem/blocks/practices-section.css';
@import 'bem/blocks/gettier-section.css';
@import 'bem/blocks/brand-voice-section.css';
@import 'bem/blocks/card-grid-section.css';

/* =====================================================
   5. UTILITIES
   ===================================================== */
@import 'bem/utilities/animations.css';
@import 'bem/utilities/sections.css';
@import 'bem/utilities/helpers.css';

/* =====================================================
   THEME INTEGRATION
   ===================================================== */
/*
 * Theme CSS variables are loaded from data/cache/themes.css
 * Generated by includes/theme-css-generator.php
 *
 * The following variables are available:
 * - Colors: --color-primary, --color-secondary, --color-tertiary, etc.
 * - Typography: --font-display, --font-body, --font-mono
 * - Spacing: --radius-sm, --radius-md, --radius-lg, --radius-xl
 * - Effects: --transition-speed, --shadow-sm, --shadow-md, --shadow-lg
 *
 * These variables are used throughout the BEM stylesheets.
 */