/* ==========================================================================
   SHARED TOKENS — spacing scale & base type size.
   These rarely change per client. Brand look (colors/fonts/radius/shadow)
   lives in /css/themes/*.css instead — swap the <link> in the HTML <head>
   to reskin a whole site.
   ========================================================================== */
:root {
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2rem;
  --space-6: 2.5rem;
  --space-7: 3.5rem;
  --space-8: 4.5rem;
  --space-9: 6rem;

  --font-size-base: 16px;
  --line-height-base: 1.6;
  --container-width: 1140px;
}