@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@500;600;700;800&family=Urbanist:wght@400;500;600;700;800&display=swap');

:root {
  --color-primary: #be185d;
  --color-primary-rgb: 190 24 93;
  --color-primary-dark: #9d174d;
  --color-hover: #ec4899;
  --color-accent: #fce7f3;
  --color-bg: #fdf2f8;
  --font-main: 'Urbanist', system-ui, sans-serif;
  --font-heading: 'Nunito Sans', 'Urbanist', system-ui, sans-serif;
  --card-radius: 24px;
}

html { scroll-behavior: smooth; }
body {
  font-family: var(--font-main);
  color: #1f2937;
  background: #fff;
}
h1, h2, h3, h4, h5, h6 { font-family: var(--font-heading); }

.rounded-lg, .rounded-xl, .rounded-2xl { border-radius: var(--card-radius); }

.nav-link.is-active { color: var(--color-primary); }

.prose-page p { margin-bottom: 0.9rem; line-height: 1.7; }
.prose-page ul { list-style: disc; padding-left: 1.25rem; margin: 0.6rem 0 1rem; }
.prose-page li { margin: 0.25rem 0; line-height: 1.6; }
.prose-page h2 { margin: 1.6rem 0 0.7rem; }

.diary-table { width: 100%; border-collapse: collapse; font-size: 0.92rem; }
.diary-table th, .diary-table td {
  text-align: left;
  padding: 0.65rem 0.75rem;
  border-bottom: 1px solid #f3e8ee;
}
.diary-table th { font-size: 0.75rem; letter-spacing: 0.04em; text-transform: uppercase; color: #6b7280; }

.filter-btn {
  border-color: #be185d;
  color: #be185d;
  background: #fff;
}
.filter-btn.is-on {
  background: var(--color-primary);
  color: #fff;
  border-color: var(--color-primary);
}

.illu {
  width: 100%;
  height: 100%;
  min-height: 280px;
  display: block;
}