:root {
  --solent-blue: #2c4f6e;
  --solent-blue-light: #3a6489;
  --solent-blue-pale: #e8eef3;
  --magenta: #c5007a;
  --magenta-dark: #a30065;
  --warm-grey: #f5f3f0;
  --body-bg: #faf9f7;
  --text: #1a1a1a;
  --text-mid: #444444;

  /* Spacing scale */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2rem;
  --space-xl: 3rem;

  /* Content padding — used by section/column/enclosure components */
  --content-pad: 2rem;
}

/* Mobile spacing override */
@media (max-width: 799px) {
  :root {
    --content-pad: 1.2rem;
  }
}

/*
   breakpoints:

   breakpoint mobile max: 799px;
   breakpoint desktop all min: 800px;
   breakpoint desktop large min: 1200px;
*/

.svg-defs {
    display: none;
}

body {
    margin: 0px;
    background-color: var(--body-bg);
    color: var(--text);

    display: flex;
    flex-direction: column;
    min-height: 100vh; /* Takes up full screen height */
}

/* Adjust this selector to match your main content area */
main, .main-container {
    flex: 1;
}

/*
.layout-container {
  display: flex;
}
  */