@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500&family=Outfit:wght@300;400;500;600&display=swap');

/* ============================================================
   Pattern Toolkit — styles.css (entry point)
   Pages link ONLY this file. Edit the files in /css instead.
   Colours / fonts / spacing  → css/tokens.css
   ORDER MATTERS: keep the same order (it matches the original cascade).
============================================================ */

@import url('css/tokens.css');
@import url('css/base.css');
@import url('css/site.css');
@import url('css/tools/resizer.css');
@import url('css/topbar.css');
@import url('css/paywall.css');
@import url('css/tools/caption-generator.css');
@import url('css/tools/color-namer.css');
@import url('css/tools/colorway-tagger.css');
@import url('css/tools/content-creator.css');
@import url('css/tools/etsy-listing.css');
@import url('css/tools/keyword-picker.css');
@import url('css/tools/pattern-preview.css');
@import url('css/tools/mockup-studio.css');
@import url('css/tools/raster-recolorer.css');
@import url('css/tools/svg-recolorer.css');
@import url('css/tools/vectorizer.css');