/* Daybook Classic: the front page's own look. Shared light-theme styles are
   in css/style.css under [data-light]; these add the serif headline and the
   charcoal buttons. */
[data-theme=classic] {
  --head: 'Cormorant Garamond',Georgia,'Times New Roman',serif;
}

/* A serif headline in charcoal, with the end of the line in antique gold. */
[data-theme=classic] h1,
[data-theme=classic] h2 {
  font-weight: 600;
  letter-spacing: -.01em;
}

[data-theme=classic] .hero h1 {
  font-size: clamp(2.6rem,5.6vw,4.6rem);
  line-height: 1.02;
  background: linear-gradient(95deg,var(--text) 55%,var(--accent2));
  -webkit-background-clip: text;
  background-clip: text;
}

/* Solid charcoal buttons with a fine gold edge, instead of a gradient. */
[data-theme=classic] .btn.main,
[data-theme=classic] .pill {
  background: var(--accent);
  border-color: rgba(184,151,90,.55);
  box-shadow: 0 10px 24px -14px rgba(31,28,25,.6);
}

[data-theme=classic] .btn.main:hover {
  background: #3a332b;
}

[data-theme=classic] .eyebrow {
  color: var(--accent2);
}

/* On phones the drawing sits behind the text, so keep it faint. */
@media (max-width: 760px) {
  [data-theme=classic] .hero-art {
    opacity: .12;
  }
}

/* Steam rising from the tea. */
.cl-steam path {
  animation: cl-steam 4s ease-in-out infinite;
}

.cl-steam path + path {
  animation-delay: 2s;
}

@keyframes cl-steam {
  0%, 100% { opacity: 0; transform: translateY(4px); }
  40%, 60% { opacity: .9; transform: translateY(0); }
}