/* css/main.css */
@import url('reset.css');
@import url('variables.css');
@import url('typography.css');
@import url('layout.css');
@import url('components.css');

/* Universal Utility Classes (Migrated from Inline Styles) */
.mb-4 { margin-bottom: 4px; }
.mb-8 { margin-bottom: 8px; }
.mb-16 { margin-bottom: 16px; }
.mb-24 { margin-bottom: var(--space-24); }
.mb-32 { margin-bottom: var(--space-32); }
.mb-48 { margin-bottom: var(--space-48); }
.mb-64 { margin-bottom: var(--space-64); }
.mb-96 { margin-bottom: var(--space-96); }

.mt-8  { margin-top: 8px; }
.mt-16 { margin-top: 16px; }
.mt-24 { margin-top: var(--space-24); }
.mt-32 { margin-top: var(--space-32); }
.mt-64 { margin-top: var(--space-64); }

.pt-130 { padding-top: 130px; }
.pb-60 { padding-bottom: 60px; }

.bg-ink { background-color: var(--nv-ink); }
.bg-soft-white { background-color: var(--nv-soft-white); }
.text-white { color: var(--nv-white); }
.text-blue-color { color: var(--nv-blue); }

.flex-col { display: flex; flex-direction: column; }
.gap-16 { gap: var(--space-16); }
.gap-24 { gap: var(--space-24); }
.gap-32 { gap: var(--space-32); }

.w-full { width: 100%; }
.h-full { height: 100%; }
.aspect-4-3 { aspect-ratio: 4/3; }
.object-cover { object-fit: cover; }
.align-baseline { align-items: baseline; }
.flex-end { justify-content: flex-end; }
.relative-pos { position: relative; }
.list-disc { list-style-type: disc; }
.ml-20 { margin-left: 20px; }
.lh-2 { line-height: 2; }
.opacity-80 { opacity: 0.8; }