/* ============================================
   Water Lilies B — Slightly Compact
   Same fonts as Original, slightly tighter
   ============================================ */

:root {
  --bg: #F6F1E9;
  --text: #4A4543;
  --text-secondary: #7D7573;
  --heading: #5B6D8E;
  --accent: #B07D8E;
  --accent-hover: #96616F;
  --border: #DDD5C8;
  --code-bg: #EDE7DC;
  --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-heading: 'Libre Baskerville', Georgia, serif;
  --font-accent: 'Libre Baskerville', Georgia, serif;
  --font-mono: 'SF Mono', Monaco, monospace;
  --page-width: 900px;
  --sidebar-width: 215px;
  --layout-gap: 2.5rem;
  --avatar-size: 155px;
  --avatar-radius: 12px;
  --h2-size: 1.1rem;
  --h2-weight: 700;
  --h2-transform: lowercase;
  --h2-spacing: 0.04em;
}

html {
  font-size: 15.5px;
}

body {
  line-height: 1.65;
  background-image:
    radial-gradient(ellipse at 20% 50%, rgba(139, 163, 194, 0.08) 0%, transparent 50%),
    radial-gradient(ellipse at 80% 20%, rgba(176, 125, 142, 0.06) 0%, transparent 50%),
    radial-gradient(ellipse at 50% 80%, rgba(143, 168, 128, 0.05) 0%, transparent 50%);
}

.profile-photo img {
  box-shadow: 0 4px 20px rgba(91, 109, 142, 0.15);
  border: 3px solid #DDD5C8;
}

.profile-name {
  font-family: 'Libre Baskerville', Georgia, serif;
}

.content {
  line-height: 1.65;
}

.content hr {
  height: 2px;
  background: linear-gradient(90deg, transparent, #C4B8A8, #B07D8E, #8FA880, #C4B8A8, transparent);
  opacity: 0.5;
  margin: 1.75rem 0;
}

.content h2 {
  color: #5B6D8E;
  margin-bottom: 0.85rem;
}

.content h2:not(:first-child) {
  margin-top: 1.75rem;
}

.content p {
  margin-bottom: 0.85rem;
}

.social-links a {
  color: #7D7573;
}

.social-links a:hover {
  color: #B07D8E;
}

.site-footer {
  margin-top: 2.5rem;
  border-top-color: #DDD5C8;
}