/* Brings the Teaching Path, quiz and Join pages onto the homepage palette
   (seashell, brown sugar, warm ink) so a visitor from Instagram lands on what
   looks like the same site. Loaded after styles.css. Fonts are already the
   same as the homepage (Cormorant Garamond + Jost). */

:root {
  --ivory: #fbf3ee;          /* homepage seashell */
  --ivory-soft: #f5e8df;
  --charcoal: #3c3936;       /* homepage ink */
  --charcoal-soft: #5b5650;
  --sage: #a8804f;
  --sage-deep: #7e5c30;      /* eyebrows: brown deep */
  --terracotta: #a8804f;     /* homepage brown sugar */
  --terracotta-deep: #7e5c30;
  --sun: #f0c987;
  --line: #e6dbd2;
}

body {
  font-weight: 400;
}

.eyebrow {
  color: var(--brown-deep, #7e5c30);
}

/* Buttons match the homepage pills: brown sugar fill, dark ink text,
   spaced uppercase. */
.btn {
  font-size: 0.8125rem;
  font-weight: 500;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.btn-primary {
  background: #a8804f;
  color: #231e19;
  box-shadow: 0 10px 24px -10px rgba(168, 128, 79, 0.6);
}

.btn-primary:hover {
  background: #7e5c30;
  color: #fbf3ee;
  box-shadow: 0 16px 32px -12px rgba(168, 128, 79, 0.65);
}