/* Bearable Solutions — Pico CSS overrides */

/* Brand colors */
:root {
  --pico-primary: #2d6a7a;
  --pico-primary-hover: #245668;
  --pico-primary-focus: rgba(45, 106, 122, 0.25);
  --pico-primary-inverse: #fff;
}

@media (prefers-color-scheme: dark) {
  :root {
    --pico-primary: #5fb3c4;
    --pico-primary-hover: #7ec5d3;
    --pico-primary-focus: rgba(95, 179, 196, 0.25);
    --pico-primary-inverse: #1a1a2e;
  }
}

/* Smooth scrolling with offset for sticky nav */
html {
  scroll-behavior: smooth;
  scroll-padding-top: 5rem;
}

/* Sticky nav */
nav {
  position: sticky;
  top: 0;
  z-index: 100;
  border-bottom: 1px solid var(--pico-muted-border-color);
  background: var(--pico-background-color);
}

/* Hero */
#hero {
  text-align: center;
  padding: 4rem 0 2rem;
}

#hero p {
  max-width: 40rem;
  margin-inline: auto;
}

/* Section spacing + separators */
section {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

#services,
#about,
#contact {
  border-top: 1px solid var(--pico-muted-border-color);
}

/* Service cards */
#services article {
  text-align: center;
}

/* Contact section centered */
#contact {
  text-align: center;
}

#contact p {
  max-width: 36rem;
  margin-inline: auto;
}