/* =====================================================
   What The Luxe design kernel, round 2
   Palette: white background, red accent, off-black bands
   Type: Cormorant Garamond display over Work Sans body
   Appended after the stock Arun styles; overrides only.
===================================================== */
:root {
  --font-display: "Cormorant Garamond", Georgia, serif;

  --c-primary-light: #FDE0DD;
  --c-primary-main: #D22619;
  --c-primary-dark: #9E1B10;
  --gradient-primary: linear-gradient(to bottom right, #262019, #14100B);
}

[data-theme=dark] {
  --c-primary-light: #4A2320;
  --c-primary-main: #F0594E;
  --c-primary-dark: #F58079;
  --gradient-primary: linear-gradient(to bottom right, #262019, #14100B);
}

/* red buttons keep white text in light mode; dark mode uses the brighter
   red where white fails contrast, so switch the text to black there */
[data-theme=dark] .btn {
  color: var(--c-black);
}
[data-theme=dark] .btn svg {
  fill: var(--c-black);
}

/* display face for headings; h6 stays sans (used as small labels) */
h1, h2, h3, h4, h5,
.h1, .h2, .h3, .h4, .h5,
.heading-large,
.post-title,
.email-subs-section-title {
  font-family: var(--font-display);
  font-weight: 600;
  letter-spacing: 0.005em;
}

/* the dark premium and email bands keep ivory text in both modes */
.paid-membership-cta,
.email-subs-wrap {
  color: #F2EDE3;
}

/* the logo file has baked-in white padding we cannot edit from here
   (logo lives in site settings, closed to integration tokens);
   multiply blends the white away on light backgrounds */
html:not([data-theme=dark]) .logo-img img {
  mix-blend-mode: multiply;
}

/* hero: quieter, no confetti (dots removed in template too) */
.home-cover-area .dot-parent { display: none; }
.hero-sample-link {
  margin-top: 14px;
  font-size: 0.95rem;
}
.hero-sample-link a {
  color: var(--c-primary-main);
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* homepage feed: hide dates and the Public tag, the archive is not the pitch */
.home-template .post-card .post-date,
.home-template .post-card .visibility {
  display: none;
}

/* homepage video section */
.home-videos {
  margin-top: 16px;
}
.video-embed-wrap {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  border-radius: var(--size-2);
  overflow: hidden;
  background: #14100B;
}
.video-embed-wrap iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.video-channel-link {
  margin-top: 12px;
  font-size: 0.95rem;
}
.video-channel-link a {
  color: var(--c-primary-main);
  text-decoration: underline;
  text-underline-offset: 3px;
}