/* ==========================================================================
   Celadon & cinnabar — Pasta & Panda palette
   Loaded after style.css and pp-dynamic.css, in the front end and editor.

   Two contexts:
   · Reading room (default): rice paper background, lampblack text.
   · Cinema (header, hero, film stage, footer, letterbox, ticker): lampblack
     background, rice-paper text, celadon details.

   The theme's legacy names are kept so existing CSS keeps working:
   --pp-ink   = the surface colour of the current context
   --pp-cream = the text colour of the current context
   ========================================================================== */

:root {
	/* Palette */
	--pp-paper: #F2F3EE;        /* rice paper */
	--pp-lamp: #1D2422;         /* lampblack */
	--pp-celadon: #B7CCBD;      /* celadon */
	--pp-celadon-deep: #4A6B5D; /* deep celadon */
	--pp-cinnabar: #B8341F;     /* cinnabar — the one accent */

	/* Reading-room context */
	--pp-ink: var(--pp-paper);
	--pp-cream: var(--pp-lamp);
	--pp-cream-70: #46524D;
	--pp-faint: var(--pp-celadon-deep);
	--pp-rule: #D3DAD4;
	--pp-wash: rgba(29, 36, 34, 0.05);
	--pp-amber: var(--pp-cinnabar);
	--pp-accent: var(--pp-cinnabar);
	--pp-teal: var(--pp-celadon-deep);
	--pp-rec: var(--pp-cinnabar);
	--pp-rec-text: var(--pp-cinnabar);
	--pp-on-accent: var(--pp-paper);
}

/* Cinema context */
.pp-header,
.pp-hero,
.pp-footer,
.pp-film-stage,
.pp-dark,
.pp-lb,
.pp-ticker-wrap {
	--pp-ink: var(--pp-lamp);
	--pp-cream: var(--pp-paper);
	--pp-cream-70: rgba(242, 243, 238, 0.74);
	--pp-faint: var(--pp-celadon);
	--pp-rule: rgba(183, 204, 189, 0.22);
	--pp-wash: rgba(242, 243, 238, 0.05);
	--pp-accent: var(--pp-celadon);
	--pp-teal: var(--pp-celadon);
	--pp-rec-text: var(--pp-celadon);
	color: var(--pp-cream);
}

.pp-film-stage,
.pp-dark { background-color: var(--pp-lamp); }

/* Retire the per-continent accents and time-of-day tints from pp-dynamic.css */
body[class*="pp-continent-"] { --pp-accent: var(--pp-cinnabar); }
body.pp-dawn,
body.pp-dusk,
body.pp-night { background-color: var(--pp-paper); }

/* ── Buttons: rice paper on cinnabar in both contexts ── */
.wp-block-button__link,
.pp-cta-btn,
.pp-header-cta a,
.wp-block-search .wp-block-search__button {
	color: var(--pp-on-accent) !important;
}

/* ── Values that were hard-coded for the old dark palette ── */
.pp-hero::after {
	background: linear-gradient(
		to top right,
		rgba(29, 36, 34, 0.92) 0%,
		rgba(29, 36, 34, 0.72) 35%,
		rgba(29, 36, 34, 0.20) 65%,
		rgba(29, 36, 34, 0.08) 100%
	);
}

.pp-section__label,
.pp-card__eyebrow,
.pp-card__film-hud,
.pp-card__loc,
.pp-archive__kicker,
.pp-search-count { color: var(--pp-faint); }
.pp-card__ep-badge.wp-block-paragraph { color: var(--pp-faint) !important; }

.pp-card__thumb,
.pp-article__featured,
.pp-case-card__media,
.pp-article-body code,
.pp-article-body pre { background: var(--pp-wash); }

.pp-404__code { color: rgba(29, 36, 34, 0.08); }

.pp-badge::before,
.pp-pulse-dot { box-shadow: 0 0 12px rgba(184, 52, 31, 0.45); }

/* Film player facade (its SVG colours come from pp-core) */
.pp-yt-facade { background: var(--pp-lamp); }
.pp-yt-facade__btn circle { fill: rgba(29, 36, 34, 0.72); }
.pp-yt-facade__btn polygon { fill: var(--pp-paper); }

/* ── Effects layer on a light page ── */
.pp-lb { background: var(--pp-lamp); }
.pp-ticker-wrap { background: color-mix(in oklch, var(--pp-lamp) 92%, transparent); }
.pp-grain { opacity: 0.035; }