/*------------------------------------------------------------------
  Darkroom — readable greys (WCAG 2.1 AA, 4.5:1 for text, 3:1 for
  large text). The design's lightest greys are kept for lines and
  decoration; text drawn in them is set one step darker here.
  Loaded after every other stylesheet of the theme.
-------------------------------------------------------------------*/

:root {
  --ph-read: var(--wp--preset--color--muted, #6b6b6b); /* light paper: 5.3:1 on white, 4.9:1 on warm paper */
  --ph-read-dark: #8f8f8f;                             /* night: 6:1 on #0b0b0b */
  --ph-accent-on-dark: #ef3a55;                         /* the accent as small text on black: 4.9:1 */
}

/* Light backgrounds: captions, notes, meta lines, inactive filters and tabs */
.ph-figure figcaption,
.ph-ba__client-type,
.ph-ba__mood,
.ph-ba__moods,
.ph-form__status,
.ph-fser__note,
.ph-follow__note,
.ph-fser__cert-text,
.ph-rcard__meta,
.ph-rf__hint,
.ph-rf__pcity,
.ph-consent__text,
.ph-spread__side,
.ph-rev__all,
.ph-trust__list,
.ph-trust__list li,
.ph-inc__desc,
.ph-card__sub,
.ph-gfilter:not(.is-active),
.ph-rev__tab:not(.is-active),
.ph-stab:not(.is-active),
[data-ph-stab]:not(.is-active),
.ph-status__sub,
.ph-status__clock,
.ph-status__next,
.ph-spread__cap p,
.ph-why__item p,
.ph-wall__prod,
.ph-review-box label[for$="-consent"],
.ph-wp-content figcaption,
.wp-block-post-content > .wp-block-image figcaption,
.wp-block-post-content > .wp-block-table figcaption,
.wp-block-post-content > .wp-block-gallery > figcaption,
.wp-block-post-content > .wp-block-embed figcaption,
.wp-block-post-content > .wp-block-video figcaption,
.wp-block-post-content > .wp-block-audio figcaption,
.ph-wp-content .wp-block-image figcaption,
.ph-wp-content .blocks-gallery-caption {
  color: var(--ph-read);
}

/* Big outline-free numbers are large text: 3:1 */
.ph-dtile__num {
  color: #8f8f8f;
}

/* Night backgrounds: footer bottom line, strip counter, 404 meta */
.ph-bottom__copy,
.ph-bottom__clock,
.ph-bottom,
.ph-strip__counter-text,
.ph-err__meta,
.ph-err__state {
  color: var(--ph-read-dark);
}

/* The accent as small text on black */
.ph-gift__value,
.ph-sum__done,
.ph-pcard.is-featured .ph-pack__name,
.ph-pack.is-featured .ph-pack__name {
  color: var(--ph-accent-on-dark);
}

/* Reviews carousel: the side cards are dimmed by their photo only, their words stay readable */
.ph-rcard:not(.is-active):not(.is-far) {
  opacity: 1;
  filter: none;
}

.ph-rcard:not(.is-active) .ph-rcard__img {
  opacity: .55;
  filter: grayscale(1);
}

.ph-rcard:not(.is-active) .ph-rcard__quote,
.ph-rcard:not(.is-active) .ph-rcard__who,
.ph-rcard:not(.is-active) .ph-rcard__meta {
  color: var(--ph-read);
}

.ph-rcard:not(.is-active) .ph-rcard__link {
  color: var(--ph-ink);
}

.ph-rcard__cat,
.ph-rcard__ini {
  color: #ffffff;
}
