/* ==========================================================================
   ParaVessel - global stylesheet.

   This is the ONLY stylesheet a page ever links:
       <link rel="stylesheet" href="/assets/css/style.css">

   It pulls in the fonts and the four layers below, so no page ever has to
   declare a font, a colour or a component style of its own.

     tokens.css      colours, fonts, spacing  ← edit here to rebrand the site
     base.css        reset, typography, buttons
     layout.css      header, nav, mega menus, footer
     components.css  reusable page blocks

   Order matters: tokens must load first, components last.
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,500;0,9..144,600;0,9..144,700;1,9..144,500&family=Manrope:wght@400;500;600;700;800&family=Space+Mono:wght@400;700&display=swap');

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