:root {
  /* ----------------------------------------------------------------------------------------
  // Theme
  // ---------------------------------------------------------------------------------------- */
  --theme: scrapbook;
  --palette: classic-fire;
  /* ----------------------------------------------------------------------------------------
  // Basics
  // ---------------------------------------------------------------------------------------- */
  --pageAlignment: 'center';
  --buttonRoundness: 'round';
  --underlineThickness: 'thickline';
  /* ----------------------------------------------------------------------------------------
  // Typography
  // ---------------------------------------------------------------------------------------- */
  --feel: 'classic';
  --baseFontSize: 18px;
  --scaleRatio: 1.414;
  --leading: calc(var(--scaleRatio) * var(--baseFontSize));
  /* ----------------------------------------------------------------------------------------
  // Layout
  // ---------------------------------------------------------------------------------------- */
  --sectionGap: calc(4 * var(--leading));
  --gutter: 24px;
  /* ----------------------------------------------------------------------------------------
  // Colors
  // ---------------------------------------------------------------------------------------- */
  --mainColor: #fbf6f4;
  --subColor: #F37E4F;
  --accentColor: #EF4E00;
  --textColor: black;
  --backgroundColor: var(--mainColor);
  /* ----------------------------------------------------------------------------------------
  // Page Type
  // ---------------------------------------------------------------------------------------- */
  --pageType: 'brochure';
}

body.spacePink {
  --mainColor: black;
  --subColor: #F1D04F;
  --accentColor: #D41D4C;
  --textColor: white;
}

* {
  transition: .3s all;
}

.cta {
  cursor: pointer;
}