/* ==========================================================================
   Vintner's Cellar — shared stylesheet
   Import order IS the cascade order. Page-specific rules are loaded as a
   second <link> per page (assets/css/pages/*.css) so no page pays for
   another page's components.

   Note: @import serialises requests — the browser must parse this file before
   it discovers the ten below. Shared CSS is ~35KB raw / ~9KB gzipped, most of
   it comments, so the extra round trip is the right trade for editability on
   a site with no build step. If it grows materially, concatenate at deploy
   time rather than restructuring.
   ========================================================================== */

/* Foundations */
@import url("base/tokens.css");
@import url("base/reset.css");
@import url("base/typography.css");
@import url("base/utilities.css");

/* Layout */
@import url("layout/container.css");
@import url("layout/header.css");
@import url("layout/footer.css");

/* Components */
@import url("components/button.css");
@import url("components/card.css");
@import url("components/hero.css");
@import url("components/quote.css");
@import url("components/price-list.css");
@import url("components/form.css");
@import url("components/social.css");
@import url("components/lang-switch.css");
@import url("components/lightbox.css");