body {
  font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
  line-height: 1.8;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Inter', system-ui, sans-serif;
}
h1 {
    font-size: 250%;
}

@media (min-width: 1536px) {
  .container {
    max-width: 1024px;
  }
}

@media (min-width: 1280px) {
    .container {
        max-width: 1024px;
    }
}

/* Align Lucide icons vertically with surrounding text */
[data-lucide] {
  vertical-align: middle;
  width: 1em;
  height: 1em;
}

:root, :host {
    --pico-font-size: 100%;
}

[data-theme="light"],
:root:not([data-theme="dark"]) {
    --pico-background-color: #f7f3e9;
    --pico-color: #2F2B28;
    --pico-primary: #5E8F8C;
    --pico-primary-background: #5E8F8C;
    --pico-secondary: #E6B94C;
    --pico-contrast: #C97A63;
    --pico-contrast-background: #C97A63;
    --pico-primary-hover: #C97A63;
    --pico-primary-hover-background: #C97A63;
    --pico-muted-color: #A8B8A4;
    --pico-blockquote-border-color: var(--pico-muted-color);
}

#intro {
    display: flex;
    align-items: center;
}

main.container {
    padding-top: 0;
}
.headshot {
    border-radius: 50%;
    padding: 1rem;
}
#brand-icon {
    max-width: 2rem;
}
.icon-list {
    padding: 0;
    margin: 0;
}

.icon-list > li {
    list-style: none;
    font-weight: 600;
}
.icon-list > li > svg {
    margin-right: 0.5rem;
    color: var(--pico-primary);
}

section {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.booking-item {
    padding: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

blockquote {
    font-style: italic;
}