@import url('variables.css');
@import url('reset.css');
@import url('base.css');
@import url('layout.css');
@import url('components.css');
@import url('navbar.css');
@import url('utilities.css');

/*
/css
│
├── variables.css       → CSS custom properties (colors, spacing, fonts)
├── reset.css           → Normalize/reset styles
├── base.css            → Base typography, body styles, etc.
├── layout.css          → Grid, flex containers, sections, wrappers
├── components.css      → Buttons, cards, forms, etc.
├── navbar.css          → Navigation only
├── utilities.css       → Helpers (margin, padding, visibility)
└── styles.css          → Main CSS that imports all of the above
*/