/**
 * ============================================================================
 * SAMIR TECHNOLOGIES — MASTER DESIGN SYSTEM STYLESHEET
 * Step 2 Foundation: Modular Tokenized CSS Architecture
 * ============================================================================
 */

/* 1. Tokens & Design System Variables */
@import url('variables.css');

/* 2. Base Resets, Ambient Atmosphere & Typography */
@import url('base.css');

/* 3. Containers, Section Architecture & Grids */
@import url('layout.css');

/* 4. Reusable UI Components (Buttons, Cards, Badges, Modals, Forms, Toasts, WhatsApp) */
@import url('components.css');

/* 5. Responsive Adaptations & Mobile Drawer */
@import url('responsive.css');

/* 6. Step 4: Cinematic 3D Gate & Project Type Selection */
@import url('builder.css');

/* ----------------------------------------------------------------------------
   Backward Compatibility Helpers for Step 1 Views
   ---------------------------------------------------------------------------- */
.mb-1 { margin-bottom: 0.25rem !important; }
.mb-2 { margin-bottom: 0.5rem !important; }
.mb-3 { margin-bottom: 1rem !important; }
.mb-4 { margin-bottom: 1.5rem !important; }
.mb-5 { margin-bottom: 3rem !important; }

.mt-1 { margin-top: 0.25rem !important; }
.mt-2 { margin-top: 0.5rem !important; }
.mt-3 { margin-top: 1rem !important; }
.mt-4 { margin-top: 1.5rem !important; }
.mt-5 { margin-top: 3rem !important; }

.me-1 { margin-right: 0.25rem !important; }
.me-2 { margin-right: 0.5rem !important; }
.me-3 { margin-right: 1rem !important; }