/* Design tokens */
:root {
  --coral: #e9a297;
  --olive: #9bb377;
  --ink: #292728;
  --muted: #6f6c69;
  --white: #ffffff;
  --soft: #eef5e7;
}

li {
  list-style: none;
}

/* Minimal utility classes (color/background-color) */
.c-ink { color: var(--ink); }
.c-muted { color: var(--muted); }
.c-coral { color: var(--coral); }
.c-olive { color: var(--olive); }
.c-white { color: var(--white); }

.bg-ink-var { background-color: var(--ink); }
.bg-muted-var { background-color: var(--muted); }
.bg-coral-var { background-color: var(--coral); }
.bg-olive-var { background-color: var(--olive); }
.bg-white-var { background-color: var(--white); }
.bg-soft-var { background-color: var(--soft); }

/* Minimal CSS left after Tailwind switch: only Lightbox behavior */
.lightbox { position: fixed; inset: 0; background: rgba(0,0,0,.6); display: none; align-items: center; justify-content: center; padding: 24px; z-index: 100; }
.lightbox.open { display: flex; }
.lightbox-image { max-width: min(1000px, 92%); max-height: 86vh; border-radius: 16px; box-shadow: 0 10px 40px rgba(0,0,0,.35); }
.lightbox-close { position: fixed; top: 18px; right: 18px; font-size: 28px; background: #fff; border: none; border-radius: 50%; width: 44px; height: 44px; cursor: pointer; box-shadow: 0 6px 20px rgba(0,0,0,.15); }