/* Her Move — site styles. Kept minimal; most styling is utility-driven via Tailwind. */

:root {
  --color-cream: #F5EFE6;
  --color-shell: #FAF7F2;
  --color-sand:  #EADFCF;
  --color-clay:  #B8634E;
  --color-rose:  #D9A89C;
  --color-sage:  #8A9A7B;
  --color-olive: #4B5340;
  --color-earth: #4A3829;
  --color-mocha: #6B5847;
}

html {
  -webkit-text-size-adjust: 100%;
}

body {
  background-color: var(--color-cream);
  color: var(--color-earth);
  font-feature-settings: "ss01", "ss02";
}

/* Editorial display heading */
.display {
  font-family: 'Fraunces', Georgia, serif;
  font-weight: 300;
  line-height: 1.02;
  letter-spacing: -0.02em;
  font-variation-settings: "opsz" 144;
}

.display em,
.display .it {
  font-style: italic;
  font-weight: 300;
  color: var(--color-clay);
}

/* Eyebrow label used above sections */
.eyebrow {
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 0.72rem;
  font-weight: 500;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--color-mocha);
}

/* Body prose tweaks for long-form copy */
.prose-soft p {
  font-size: 1.0625rem;
  line-height: 1.75;
  color: #3F3024;
}

@media (min-width: 768px) {
  .prose-soft p {
    font-size: 1.125rem;
    line-height: 1.8;
  }
}

.prose-soft p + p {
  margin-top: 1.1em;
}

/* Buttons */
.btn {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.95rem 1.6rem;
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border-radius: 9999px;
  text-decoration: none;
  border: 1px solid transparent;
  transition: background-color .15s ease, color .15s ease, border-color .15s ease;
}

.btn-primary {
  background-color: var(--color-clay);
  color: var(--color-shell);
}
.btn-primary:hover { background-color: #9A4E3C; }

.btn-outline {
  border-color: var(--color-earth);
  color: var(--color-earth);
  background: transparent;
}
.btn-outline:hover {
  background-color: var(--color-earth);
  color: var(--color-shell);
}

.btn-ghost {
  color: var(--color-earth);
  border-color: rgba(74, 56, 41, 0.25);
}
.btn-ghost:hover {
  border-color: var(--color-earth);
}

/* Decorative thin rule */
.hr-thin {
  border: 0;
  border-top: 1px solid rgba(74, 56, 41, 0.18);
}

/* Skip anchor scroll under sticky header */
section[id] {
  scroll-margin-top: 90px;
}

/* Focus styling */
a:focus-visible, button:focus-visible, summary:focus-visible {
  outline: 2px solid var(--color-clay);
  outline-offset: 3px;
  border-radius: 6px;
}

/* Selection */
::selection {
  background: var(--color-clay);
  color: var(--color-shell);
}

/* Native details/summary chevron tweak */
details > summary { list-style: none; cursor: pointer; }
details > summary::-webkit-details-marker { display: none; }