/*
 * Petrol Design System — main stylesheet
 * Loads all CSS layers in correct order: tokens → base → layout → components → sections
 *
 * Usage in HTML:
 *   <link rel="stylesheet" href="/assets/css/petrol/main.css">
 *
 * Pages migrated to Petrol should NOT also link the legacy /assets/css/styles.css.
 * Legacy pages keep using styles.css until they're individually migrated.
 */

@import url('tokens.css');
@import url('base.css');
@import url('layout.css');
@import url('components.css');
@import url('sections.css');