:root {
  --paper: #fff8fb;
  --ink: #3d3037;
  --muted: #786a72;
  --line: rgba(126, 76, 103, .14);
  --accent: #c7658b;
  --soft: #f6dbe6;
}

html {
  background: var(--paper);
}

body {
  color: var(--ink);
  background:
    radial-gradient(circle at 8% 6%, rgba(255,255,255,.95), transparent 28rem),
    radial-gradient(circle at 92% 8%, rgba(235,222,247,.55), transparent 30rem),
    linear-gradient(180deg, #fff8fb 0%, #fff3f7 52%, #f7eef8 100%);
}

h1 span,
.eyebrow,
.timeline-date,
.timeline-date-panel p {
  color: #b85b80;
}

.arrival-card {
  border-color: rgba(199, 101, 139, .18);
  background: rgba(255,255,255,.5);
  box-shadow: 0 16px 46px rgba(148, 77, 111, .08);
}

.date-dot {
  background: #c7658b;
  box-shadow: 0 0 0 7px rgba(199,101,139,.10), 0 0 28px rgba(199,101,139,.18);
}

.timeline-section,
.footer {
  border-color: rgba(126,76,103,.12);
}

.timeline::before {
  background: repeating-linear-gradient(to bottom, rgba(174,101,135,.24) 0 5px, transparent 5px 13px);
}

.timeline-marker--active span {
  background: #c7658b;
  box-shadow: 0 0 0 1px rgba(199,101,139,.36), 0 0 0 9px rgba(199,101,139,.09), 0 0 34px rgba(199,101,139,.24);
}

.timeline-date-panel {
  border-color: rgba(199,101,139,.16);
  background: rgba(255,255,255,.5);
  box-shadow: 0 12px 34px rgba(126,76,103,.07);
}

.footer-wordmark {
  color: #513843;
}