/* A bright, natural palette with real book artwork and restrained pastel accents. */
:root {
  color-scheme: light;
  --cream: #f8faf5;
  --paper: #fcfcf7;
  --ink: #2f4439;
  --muted: #526158;
  --forest: #355b43;
  --yellow: #f1d880;
  --peach: #f3e3d8;
  --sage: #e0ead9;
  --line: #d4dfcf;
}
html, body { background: var(--cream); color: var(--ink); }
body { background-image: none; }
.announcement { background: #e5eedf; color: #3e5944; border-color: #cfddc8; }
.announcement span { color: #3e5944; }
.header-backdrop { background: #f8faf5; border-bottom: 1px solid #dce4d6; }
.site-header { background: transparent; }
.brand, .brand svg { color: #355641; stroke: #557950; }
.brand-sub { color: #485d4b; }
.site-header nav a { color: #354f40; }
.nav-club { background: #ecf3e6; border-color: #b0c5a4; color: #355641; }
.menu-toggle { background: #edf3e7; border-color: #b7c9ad; }
.menu-toggle span { background: #48664b; }

.welcome-scene {
  background: linear-gradient(115deg, #f8faf3, #eff5e8 68%, #edf2e6);
  background-blend-mode: normal;
  border-color: #d6e1cd;
}
.welcome-scene:before {
  background: url('assets/warm-garden.svg') center bottom / cover no-repeat;
  opacity: .28;
}
.hero h1 { color: #304f3d; }
.hero h1 em:after { background: #ecd083; }
.hero-intro { color: #3e5546; }
.hero-description, .playful-line, .hero-footnote { color: #4b6150; }
.hero .eyebrow { color: #45664b; }
.hero .little-star { color: #739353; }
.text-button { color: #3e5944; border-color: #acbfa2; }
.art-blob {
  background: linear-gradient(145deg, #e9f0dd, #e1ebcf 55%, #f2edd6);
  border-color: #c7d6b7;
  box-shadow: inset 0 0 65px #f8fbf250;
}
.price-sticker { background: #f2da8a; outline-color: #f2da8a; border-color: #b79b53; color: #4b5733; box-shadow: 0 8px 18px #63794c12; }
.hero-sun { stroke: #a7914e; }
.hero-leaf { stroke: #779257; }
.benefit-strip { background: #f0f5e9; border-color: #d1dec6; color: #3e5743; box-shadow: 0 7px 20px #465f3709; }
.benefit-strip>div+div { border-color: #d4dec9; }
.benefit-strip svg { stroke: #6a8557; }

.books-backdrop { background: #f6f8f0; }
.books-backdrop:before { opacity: .18; }
.section-heading h2 { color: #304f3d; }
.section-heading .eyebrow { color: #48674b; }
.section-heading>p { background: #eef4e7; color: #4b6150; border: 1px solid #d8e3cf; }
.product-card { background: #fcfcf7; border-color: #d5dfcd; box-shadow: 0 10px 24px #3f593011; }
.product-image { background-color: #e2edf0; background-image: linear-gradient(#e2edf0b3, #e2edf0b3), url('assets/learning-pattern.svg'); border-color: #cddfe2; }
.science-card .product-copy { background: #f8faf6; }
.nature-card .product-image { background-color: #e3ecd9; background-image: linear-gradient(#e3ecd9b3, #e3ecd9b3), url('assets/learning-pattern.svg'); }
.nature-card .product-copy { background: #f4f8ef; }
.dinosaur-card .product-image { background-color: #f5eccd; background-image: linear-gradient(#f5eccdb3, #f5eccdb3), url('assets/learning-pattern.svg'); }
.dinosaur-card .product-copy { background: #fbf9ee; }
.silly-card .product-image { background-color: #f1e2df; background-image: linear-gradient(#f1e2dfb3, #f1e2dfb3), url('assets/learning-pattern.svg'); }
.silly-card .product-copy { background: #faf5f2; }
.product-copy h3 { color: #35513c; }
.product-copy>p { color: #526158; }
.product-copy .product-includes { color: #466047; }
.product-price { color: #355641; }
.product-price span { color: #526158; }
.tags>span, .nature-card .tags>span, .silly-card .tags>span { background: #ecf2e5; border-color: #c9d7bd; color: #486047; }
.product-bottom { border-color: #d1ddc7; }
.preview-pill { background: #f4f8edf2; border-color: #c5d4b9; color: #3c5741; }
.activity-seal, .nature-card .activity-seal, .silly-card .activity-seal { background: #f0dd9c; color: #4b5733; box-shadow: 0 4px 14px #5a72371a; }
.image-label { color: #4b6150; }
.book-mockup { filter: drop-shadow(10px 15px 14px #3e563529); }
.book-mockup:after { background: linear-gradient(90deg, #53694726, transparent); border-color: #6a7b4f14; }
.amazon-link { color: #486347; }
.button-green, .skip-link { background: #355b43; color: #f9fbf5; box-shadow: 0 4px 12px #3c5d3514; }
.button-green:hover { background: #294b36; }
.button-outline { background: #f1f6e9; color: #3e5944; border-color: #a8bd9b; }
.button-outline:hover { background: #e5efda; }
.button-yellow { background: #ecd688; color: #465232; }

.ritual-section { background: #e8f0f2; border-color: #d1e0e3; }
.ritual-section h2 { color: #354f40; }
.ritual-section .eyebrow { color: #486351; }
.step-number { background: #f4f8ed; color: #4d6844; border-color: #bfcfb4; box-shadow: 0 4px 9px #4c633510; }
.step h3 { color: #3b5644; }
.step p, .ritual-note, .ritual-note a { color: #4b6150; }
.ritual-note { border-color: #ccdbe0; }
.step:not(:last-child):after { color: #6f8e73; }
.sample-backdrop { background: #faf7ec; border-color: #e5dfca; }
.sample-copy h2 { color: #354f40; }
.sample-copy>p:not(.eyebrow), #sample-panel p { color: #526158; }
.sample-copy .eyebrow, .sample-note { color: #4e6b48; }
.sample-art { background: #f1e9cf; border-color: #dcd0ad; box-shadow: 0 12px 24px #7a76511a; }
.sample-tabs { background: #e3ecd9; border-color: #c6d6b8; }
.sample-tabs button { color: #3e5944; }
.sample-tabs button.active { background: #47715a; color: #f9fbf5; }
.sample-paper { background: #fcfcf7; border: 8px solid #f7f9f0; box-shadow: 10px 14px 18px #5b614726; }
.sample-paper img, #preview-image { filter: none; mix-blend-mode: normal; }
.sample-art-label, .sample-enlarge { color: #5a6346; }
.sample-spark { stroke: #b39a57; }
.learning-section { background: #f0f5e9; border-color: #d4dfc9; }
.learning-copy h2 { color: #304f3d; }
.learning-copy .eyebrow { color: #48674b; }
.learning-copy>p:not(.eyebrow) { color: #526158; }
.learning-illustration { background: radial-gradient(ellipse at center, #eef2e1, transparent 72%); }
.learning-illustration>span { color: #55764b; }
.learning-list li { color: #405b45; }
.learning-list li:before { color: #719259; }

.club-backdrop { background: #edf3e8; border-color: #d5e1ca; }
.club-card {
  background-color: #e6eedc;
  background-image: linear-gradient(100deg, #e4eedaed, #edf4e5eb), url('assets/club-garden.svg');
  background-blend-mode: normal;
  border-color: #c4d6b8;
  box-shadow: 0 15px 35px #3f5f3511;
}
.club-copy:before { background: #f4f8efd9; border-color: #d5e2ca; }
.club-copy h2 { color: #35513c; }
.club-copy h2 em { color: #557545; }
.club-copy .eyebrow { color: #48694b; }
.club-copy>p:not(.eyebrow) { color: #4b6150; }
.club-tags span { background: #e5eedccc; border-color: #bfd0b1; color: #456044; }
.club-offer { background: #f7fbf2ef; border-color: #c9d9bc; box-shadow: 0 8px 22px #4761370b; }
.club-offer-label { color: #4b6150; }
.club-price { color: #355641; }
.club-price span, .club-offer>p, .club-fineprint { color: #526158; }
.club-offer .button-yellow { background: #355b43; color: #f9fbf5; }
.club-offer .button-yellow:hover { background: #294b36; }
.club-star { stroke: #83995d; opacity: .5; }
.faq-backdrop { display: flow-root; background: #f5f7ef; border-color: #d1dec7; padding-bottom: 1px; }
.faq-section h2 { color: #35513c; }
.faq-section .eyebrow { color: #48674b; }
.faq-section>div>p:not(.eyebrow) { color: #526158; }
.faq-list { background: #fafcf6; border-color: #d1dfc7; box-shadow: 0 6px 16px #48623708; }
.faq-list details { border-color: #d4dfcb; }
.faq-list details:nth-child(even) { background: #f1f6eb; }
.faq-list details[open] { background: #eaf2e1; }
.faq-list summary { color: #3c5741; }
.faq-list summary span { color: #55774c; }
.faq-list details>p { color: #526158; }
.closing-note { background: #e5eff0; border-color: #c9dcdd; color: #3e5944; margin-bottom: 28px; }
.closing-note a { background: #f0f6e9; border-color: #b1c7a2; color: #476447; }
.closing-note>span { color: #759355; }
.footer-backdrop { background: #e1e9da; border-color: #c6d6ba; }
.footer-brand { color: #355641; }
.site-footer>p, .footer-links>span, .footer-links button { color: #4b6150; }

/* Keep sample pages true to their printable PDFs. */
dialog { background: #f5f8f0; border-color: #cbd9bf; color: #3e5944; box-shadow: 0 25px 90px #344a3633; }
dialog::backdrop { background: #30453880; }
.dialog-close { background: #e7efdf; border-color: #b6caa8; color: #456044; }
.dialog-close:hover { background: #dce8d1; }
.preview-dialog-heading { background: #e7efdf; border-color: #c9d9bc; }
.preview-dialog h2 { color: #355641; }
.preview-dialog-bottom { background: #edf4e6; border-color: #c9d9bc; }
.preview-switch button { background: #e3edd8; border-color: #b6cba4; color: #3e5944; }
.preview-switch button.active { background: #47715a; border-color: #47715a; color: #f9fbf5; }
.preview-dialog #preview-image { background: #fcfcf7; border: 8px solid #f5f8ee; box-shadow: 0 5px 20px #47633714; }
.dialog-spark { color: #769450; }
.action-dialog .eyebrow { color: #48674b; }
.action-dialog h2 { color: #355641; }
.modal-info { background: #e1ebd7; }

@media (max-width: 900px) {
  .section-heading>p { background: #eef4e7; border-color: #d8e3cf; padding: 10px 12px; }
}
@media (max-width: 700px) {
  .site-header nav { background: #f1f6e9; border-color: #c9d9bc; }
  .nav-club { background: #e5efdb; }
  .welcome-scene:before { background-size: auto 610px; background-position: 65% bottom; opacity: .2; }
  .club-offer { background: #f7fbf2ef; }
  .section-heading>p { display: inline-block; margin-top: 15px; padding: 10px 12px; border-radius: 12px; }
  .faq-section { padding-top: 45px; }
  .preview-dialog #preview-image { max-width: calc(100% - 28px); }
  .closing-note { margin-bottom: 24px; }
}
@media (max-width: 390px) { .welcome-scene:before { background-size: auto 535px; } }
/* Preserve the tested tablet layout fix. */
@media (min-width: 701px) and (max-width: 1150px) { .hero-art .art-blob { left: 12%; right: 12%; } }