/* High contrast colours*/
:root {
  --surface-1-light: #fff;
  --surface-2-light: #f5f5f5;
  --text-1-light: #000;
  --text-2-light: #737373;
  --border-light: #bbb;
  --surface-1-dark: #a4ba94;
  --bg-gradient: linear-gradient(135deg,rgba(9, 79, 69, 1) 80%, rgba(64, 160, 144, 1) 100%);
  --surface-2-dark: #a4ba94;
  --text-1-dark: #3c3b3b;
  --text-2-dark: rgb(37, 40, 39);
  --border-dark: #606060;
}


img {
  border-radius: 25px;
}


/* Call-to-action button (robin red, ties into the red-robin branding) */
.btn-cta-wrap {
  text-align: center;
  margin: 1.5rem 0;
}

/* Scoped to .btn-cta-wrap so it out-specifies the theme's `.prose a` rule,
   which otherwise overrides the colour/underline on inner (prose) pages. */
.btn-cta-wrap .btn-cta {
  display: inline-block;
  padding: 0.8rem 2rem;
  border-radius: 9999px;
  background: #b5483f;
  color: #fff;
  font-weight: 600;
  letter-spacing: 0.01em;
  text-decoration: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
  transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.btn-cta-wrap .btn-cta:hover,
.btn-cta-wrap .btn-cta:focus {
  background: #9d3c34;
  color: #fff;
  text-decoration: none;
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.25);
}

/* Larger header with circled buttons*/

body > header {
  padding: 1.5rem;
  .btn-square {
    background: var(--surface-2);
    border-radius: 9999px;
  }
  margin-bottom: 0;
}

body {
  font-size: 1.35rem;
  font-weight: 530;


  h1 {
  font-size: 1.5rem;
  font-weight: 750;
  margin: 1.5rem 0 1rem;
  line-height: 1.2;
}
  h2 {
  font-size: 1.4rem;
  font-weight: 600;
  margin: 1rem 0 1rem;
  line-height: 1.2;
}
 main ul {
  list-style-type: disc;
  list-style-position: inside;  
}
hgroup li { /* Makes the list items on home page the same as paragraph text*/
  font-size: 1.0625rem;     /* match hgroup p */
  line-height: 1.5556;
}
figure img {
    display: block;
    margin: 0 auto;
}
}