/* Optional parchment appearance. The existing dark appearance remains untouched. */
html[data-theme="cream"] {
  color-scheme: light;
  --night: #f5eddf;
  --surface: #fff9ef;
  --ink: #25232d;
  --muted: #5e5760;
  --gold: #775719;
  --line: rgba(119, 87, 25, .28);
  --violet: #63547e;
  --teal: #386b67;
  --cream-panel: #fbf4e8;
  --cream-border: #a38b60;
}

html[data-theme="cream"] body {
  color: var(--ink);
  background-color: var(--night);
  background-image:
    radial-gradient(ellipse at 85% 5%, rgba(171, 139, 87, .1), transparent 30%),
    radial-gradient(ellipse at 5% 65%, rgba(107, 135, 115, .07), transparent 35%);
}

html[data-theme="cream"] :is(.product-page, .cards-page) {
  --pc-gold: var(--gold);
  --pc-ink: var(--ink);
  --pc-soft: var(--muted);
  --pc-line: var(--line);
}

html[data-theme="cream"] .media-page { --media-line: var(--line); }
html[data-theme="cream"] .starfield { opacity: .18; }
html[data-theme="cream"] ::selection { background: #d8c18a; color: #25232d; }

/* Navigation, shared invitations and the free-book offer. */
html[data-theme="cream"] .preview-strip {
  color: var(--muted);
  background: rgba(239, 228, 207, .8);
  border-color: var(--line);
}

html[data-theme="cream"] .panel,
html[data-theme="cream"] .book-distinction {
  background: var(--cream-panel);
  color: var(--ink);
}

html[data-theme="cream"] .footer-bottom { border-color: var(--line); }
html[data-theme="cream"] .world-doorway .symbol { color: #947440; }
html[data-theme="cream"] .bottom-cta {
  background: radial-gradient(ellipse at 50% 40%, rgba(168, 136, 85, .12), transparent 65%);
}

html[data-theme="cream"] .primary,
html[data-theme="cream"] .skip-link {
  background: var(--gold);
  border-color: var(--gold);
  color: #fff9ef;
}

html[data-theme="cream"] .primary:hover {
  background: #604513;
  border-color: #604513;
  box-shadow: 0 8px 24px rgba(92, 65, 16, .15);
}

html[data-theme="cream"] .primary.outline {
  color: var(--gold);
  border-color: var(--cream-border);
  background: rgba(255, 249, 239, .6);
}

html[data-theme="cream"] .primary.outline:hover {
  color: #604513;
  background: #eee0c6;
  border-color: var(--gold);
}

html[data-theme="cream"] .exit-dialog {
  background: var(--surface);
  color: var(--ink);
}
html[data-theme="cream"] .exit-dialog::backdrop {
  background: rgba(40, 35, 30, .58);
}
html[data-theme="cream"] .motion-switch { border-color: var(--cream-border); }
html[data-theme="cream"] .motion-switch:hover { background: rgba(119, 87, 25, .07); }

/* Decorative geometry changes colour, never the original card or portrait artwork. */
html[data-theme="cream"] .oracle-stage::before {
  background: radial-gradient(ellipse, rgba(155, 126, 179, .14), transparent 69%);
}
html[data-theme="cream"] .celestial-ring { border-color: rgba(119, 87, 25, .3); }
html[data-theme="cream"] .celestial-ring.second { border-color: rgba(99, 84, 126, .2); }
html[data-theme="cream"] .celestial-ring.third { border-color: rgba(56, 107, 103, .22); }
html[data-theme="cream"] .realm-door.material { --realm-tone: #625a94; }
html[data-theme="cream"] .realm-door.ethereal { --realm-tone: #625d6b; }
html[data-theme="cream"] .realm-door.spiritual { --realm-tone: var(--gold); }

/* Product showroom and the connected reading journey. */
html[data-theme="cream"] .product-page .product-showroom {
  background:
    radial-gradient(ellipse at 50% 0, rgba(145, 113, 178, .08), transparent 68%),
    var(--cream-panel);
  border-color: var(--cream-border);
}

html[data-theme="cream"] .product-connections {
  background: linear-gradient(125deg, rgba(163, 133, 184, .08), transparent 60%), #efe5d5;
  border-color: var(--line);
}

html[data-theme="cream"] :is(.product-final, .card-gallery-final) {
  background: radial-gradient(ellipse at 50% 120%, rgba(128, 94, 162, .1), transparent 70%);
}

html[data-theme="cream"] .product-path-links > a:hover { background: rgba(119, 87, 25, .06); }
html[data-theme="cream"] .view-switch { background: rgba(255, 249, 239, .65); border-color: var(--cream-border); }
html[data-theme="cream"] .view-switch button[aria-pressed="true"] {
  color: #fff9ef;
  background: var(--gold);
}

html[data-theme="cream"] .cards-page .realm-filter button {
  color: var(--muted);
  background: rgba(255, 249, 239, .5);
  border-color: var(--cream-border);
}
html[data-theme="cream"] .cards-page .realm-filter button[data-realm-filter="Material Plane"] { border-color: #847aab; }
html[data-theme="cream"] .cards-page .realm-filter button[data-realm-filter="Ethereal Realm"] { border-color: #8a8392; }
html[data-theme="cream"] .cards-page .realm-filter button[data-realm-filter="Spiritual Realm"] { border-color: var(--cream-border); }
html[data-theme="cream"] .cards-page .realm-filter button[aria-pressed="true"] {
  color: #fff9ef;
  background: var(--gold);
  border-color: var(--gold);
}

html[data-theme="cream"] .cards-page .archetype-tile-art {
  background: radial-gradient(ellipse, rgba(153, 127, 84, .09), transparent 70%);
}

/* The printed dark artwork panel is deliberately retained as part of the real artwork. */
html[data-theme="cream"] .archetype-art-image { mix-blend-mode: normal; }
html[data-theme="cream"] .archetype-dialog {
  color: var(--ink);
  background: radial-gradient(ellipse at 15% 40%, rgba(160, 137, 180, .1), transparent 70%), var(--surface);
  border-color: var(--cream-border);
  box-shadow: 0 25px 100px rgba(42, 32, 20, .3);
}
html[data-theme="cream"] .archetype-dialog::backdrop { background: rgba(40, 35, 30, .58); }
html[data-theme="cream"] .archetype-close {
  background: var(--surface);
  border-color: var(--cream-border);
  color: var(--gold);
}

html[data-theme="cream"] .archetype-dialog-copy :is(#archetype-motif, #archetype-meaning),
html[data-theme="cream"] .archetype-dialog-note { color: var(--muted); }
html[data-theme="cream"] .reflection-question { background: #f0e3ca; }
html[data-theme="cream"] .reflection-question #archetype-prompt { color: #604513; }

/* Watch, reviews and Benjamin: all copy on parchment remains dark and readable. */
html[data-theme="cream"] .media-page .page-hero::after {
  border-color: rgba(119, 87, 25, .2);
  box-shadow: 0 0 0 75px rgba(151, 124, 179, .035), 0 0 0 150px rgba(151, 124, 179, .025);
}

html[data-theme="cream"] .media-page .page-hero .hero-deck,
html[data-theme="cream"] .media-page .cinema-copy > p:not(.eyebrow),
html[data-theme="cream"] .media-page .creator-copy > p:not(.eyebrow),
html[data-theme="cream"] .reel-preview-credit,
html[data-theme="cream"] .reel-consent,
html[data-theme="cream"] .reel-status,
html[data-theme="cream"] .media-meta,
html[data-theme="cream"] .listen-notes p,
html[data-theme="cream"] .story-invitation p:not(.eyebrow),
html[data-theme="cream"] .story-invitation .story-disclaimer,
html[data-theme="cream"] .journey-link p,
html[data-theme="cream"] .review-credit,
html[data-theme="cream"] .review-credit span,
html[data-theme="cream"] .quote-caption,
html[data-theme="cream"] .notice-grid p,
html[data-theme="cream"] .stockist-panel p:not(.eyebrow),
html[data-theme="cream"] .creator-scene figcaption,
html[data-theme="cream"] .creator-prose p,
html[data-theme="cream"] .creator-lineage p,
html[data-theme="cream"] .creator-prose .creator-story-note,
html[data-theme="cream"] .creator-source-notes details,
html[data-theme="cream"] .media-page .closing-invitation p:not(.eyebrow) { color: var(--muted); }

html[data-theme="cream"] .reel-label,
html[data-theme="cream"] .listen-notes strong,
html[data-theme="cream"] .journey-link h3,
html[data-theme="cream"] .review-hero .review-quote,
html[data-theme="cream"] .review-credit strong,
html[data-theme="cream"] .creator-prose .editorial-emphasis,
html[data-theme="cream"] .meaning-questions li { color: var(--ink); }

html[data-theme="cream"] .media-jump a,
html[data-theme="cream"] .media-unload,
html[data-theme="cream"] .reel-preview-credit:hover,
html[data-theme="cream"] .source-link,
html[data-theme="cream"] .media-meta span + span::before,
html[data-theme="cream"] .journey-link .route-arrow,
html[data-theme="cream"] .review-hero .review-quote em,
html[data-theme="cream"] .notice-grid .notice-symbol,
html[data-theme="cream"] .creator-lineage .lineage-label,
html[data-theme="cream"] .creator-year,
html[data-theme="cream"] .creator-art-figure figcaption,
html[data-theme="cream"] .creator-source-notes a { color: var(--gold); }

html[data-theme="cream"] .creator-prose .drop-cap::first-letter { color: var(--gold); }
html[data-theme="cream"] .review-credit::before { background: var(--gold); }
html[data-theme="cream"] .media-divider,
html[data-theme="cream"] .journey-link .route-number,
html[data-theme="cream"] .meaning-questions li::before { color: var(--violet); }

html[data-theme="cream"] .reel-stage {
  background: radial-gradient(ellipse at 18% 85%, rgba(153, 132, 180, .12), transparent 60%), var(--cream-panel);
  border-color: var(--cream-border);
}
html[data-theme="cream"] .reel-stage::before,
html[data-theme="cream"] .reel-stage::after { border-color: rgba(119, 87, 25, .22); }
html[data-theme="cream"] .reel-cover .reel-orbit {
  border-color: var(--cream-border);
  background: linear-gradient(135deg, rgba(119, 87, 25, .08), rgba(99, 84, 126, .08));
}
html[data-theme="cream"] .reel-orbit svg { color: var(--gold); }
html[data-theme="cream"] .media-load {
  color: var(--gold);
  background: rgba(255, 249, 239, .75);
  border-color: var(--cream-border);
}
html[data-theme="cream"] .media-load:hover {
  color: #604513;
  background: #ead9b8;
  border-color: var(--gold);
}

/* Video image pixels and their dark thumbnail footer stay paired and unchanged. */
html[data-theme="cream"] .reel-thumbnail-button { background: #080b17; border-color: #a38b60; }
html[data-theme="cream"] .reel-thumbnail-button:hover { background: #17172c; border-color: #775719; }
html[data-theme="cream"] .thumbnail-cta { color: #f0e4ca; }

html[data-theme="cream"] .story-invitation { background: var(--cream-panel); }
html[data-theme="cream"] .journey-link:hover { background: rgba(119, 87, 25, .06); }
html[data-theme="cream"] .stockist-panel {
  background: linear-gradient(120deg, rgba(126, 151, 136, .08), rgba(155, 130, 181, .06)), var(--cream-panel);
}
html[data-theme="cream"] .creator-art-figure {
  background: radial-gradient(ellipse, rgba(147, 118, 180, .09), transparent 75%);
}

html[data-theme="cream"] :is(.media-load, .media-unload, .media-jump a, .journey-link, .creator-source-notes summary):focus-visible {
  outline-color: var(--gold);
}

/* Customer support and the copied privacy policy use the same parchment surfaces. */
html[data-theme="cream"] .customer-panel {
  background: radial-gradient(ellipse at 10% 0%, rgba(153, 133, 177, .08), transparent 75%), var(--cream-panel);
}
html[data-theme="cream"] .customer-note { background: rgba(119, 87, 25, .06); }

@media (max-width: 780px) {
  html[data-theme="cream"] .site-nav {
    background: #fff9ef;
    border-color: var(--cream-border);
    box-shadow: 0 14px 24px rgba(56, 39, 15, .12);
  }
}