/*
 * Shared resting-state card treatment.
 * Load after site.css, legacy-pages.css, and any page-embedded styles.
 * Deliberately changes only card surfaces, borders, and shadows: no sizing,
 * spacing, typography, controls, or image treatment.
 */

:root {
  --card-contrast-surface: #f6edf2;
  --card-contrast-border: #d5bdc9;
  --card-contrast-shadow:
    0 2px 6px rgba(65, 43, 58, 0.07),
    0 10px 24px rgba(65, 43, 58, 0.09);
}

/* Site-wide and center-page tool cards; more specific than embedded center styles. */
.stage-panel,
.data-card,
.feature-tile,
.plan-compare > article:not(.premium-plan),
.trimester-navigation > article,
.pillar-reading > article,
.related,
.story.cream,
.center-page .center-tools > .center-tool,
.center-page .center-steps > .center-step,
.center-page .center-faqs > details {
  background: var(--card-contrast-surface);
  border: 1px solid var(--card-contrast-border);
  box-shadow: var(--card-contrast-shadow);
}

/* Legacy content cards explicitly used by resource, guide, and utility templates. */
.legacy-page :is(
  .card,
  .feature-card,
  .perm-card,
  .fact,
  .lede,
  .article-section,
  .faq-item,
  .blog-card,
  .product-card,
  .contact-card,
  .step-card,
  .tale-card,
  .week-card,
  .highlight-item,
  .highlight-card,
  .quiz-tally-card,
  .item-card,
  .registry-item,
  .registry-info-card,
  .related-card,
  .stat-card,
  .visual-card,
  .timeline-feature-card,
  .testimonial-card,
  .shower-details-card,
  .share-copy-box,
  .share-text-box,
  .pm-specs-box
) {
  background-color: var(--card-contrast-surface);
  border-color: var(--card-contrast-border);
  box-shadow: var(--card-contrast-shadow);
}

/* Resource-page rules have their own specificity and nested template styles. */
.legacy-page .resource-page :is(
  .card,
  .feature-card,
  .product-card,
  .blog-card,
  .fact,
  .feature,
  .contact-card,
  .lede,
  .perm-card,
  .faq-item,
  .step-card,
  .tale-card,
  .week-card,
  .stat-card,
  .visual-card,
  .timeline-feature-card,
  .share-copy-box,
  .share-text-box,
  .download,
  .item-card
) {
  background-color: var(--card-contrast-surface);
  border-color: var(--card-contrast-border);
  box-shadow: var(--card-contrast-shadow);
}

/* Utility/share cards require matching their more-specific legacy declarations. */
.legacy-page .utility-page .card,
.legacy-page .share-page > .card {
  background-color: var(--card-contrast-surface);
  border-color: var(--card-contrast-border);
  box-shadow: var(--card-contrast-shadow);
}