/**
 * Skin: The Journal — classic serif newspaper (New York Times inspired).
 *
 * Every rule is scoped under html[data-dphx-skin="times"], so switching the
 * skin off restores the default design instantly. Token-variable overrides
 * first (they cascade through every component), then the component details
 * variables can't express: hairline rules instead of accent bars, square
 * corners, serif headlines, restrained ink-on-paper palette.
 */

/* ---- Token overrides: palette, type, geometry ------------------------- */
html[data-dphx-skin="times"] {
	--wp--preset--color--primary: #326891;        /* NYT-style link blue */
	--wp--preset--color--primary-dark: #26527a;
	--wp--preset--color--accent: #121212;         /* accent becomes ink */
	--wp--preset--color--accent-ink: #326891;
	--dphx-on-accent: #ffffff;                    /* text on accent surfaces */
	--wp--preset--color--base: #ffffff;
	--wp--preset--color--surface: #f8f8f8;
	--wp--preset--color--elevated: #ffffff;
	--wp--preset--color--border: #e2e2e2;
	--wp--preset--color--contrast: #121212;
	--wp--preset--color--contrast-soft: #5a5a5a;
	--wp--preset--font-family--heading: "Lora", Georgia, "Times New Roman", serif;
	--wp--preset--font-family--body: Georgia, "Times New Roman", serif;
	--wp--preset--font-family--ui: "Libre Franklin", -apple-system, "Segoe UI", sans-serif;
	--wp--custom--dphx--radius--sm: 0px;
	--wp--custom--dphx--radius--md: 0px;
	--wp--custom--dphx--radius--lg: 0px;
	--wp--custom--dphx--radius--pill: 0px;
	--wp--custom--dphx--shadow--card: none;
	--wp--custom--dphx--shadow--raised: none;
}

/* Dark mode: ink and paper inverted, links lightened for contrast. */
html[data-dphx-skin="times"][data-theme="dark"] {
	--wp--preset--color--base: #121212;
	--wp--preset--color--surface: #1a1a1a;
	--wp--preset--color--elevated: #1a1a1a;
	--wp--preset--color--border: #333333;
	--wp--preset--color--contrast: #f1f1f1;
	--wp--preset--color--contrast-soft: #9a9a9a;
	--wp--preset--color--primary: #7fa8c9;
	--wp--preset--color--accent: #f1f1f1;
	--wp--preset--color--accent-ink: #7fa8c9;
	--dphx-on-accent: #121212;
}

/* ---- Typography: calm serif headlines, no aggressive tracking --------- */
html[data-dphx-skin="times"] h1,
html[data-dphx-skin="times"] h2,
html[data-dphx-skin="times"] h3,
html[data-dphx-skin="times"] h4,
html[data-dphx-skin="times"] h5,
html[data-dphx-skin="times"] h6 {
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1.15;
}

/* ---- Chrome: white masthead with hairline rule ------------------------ */
html[data-dphx-skin="times"] .dphx-header {
	background: var(--wp--preset--color--base);
	border-bottom: 1px solid var(--wp--preset--color--border);
	box-shadow: none;
}
html[data-dphx-skin="times"] .dphx-brand__name {
	font-family: var(--wp--preset--font-family--heading);
	font-weight: 700;
	letter-spacing: 0;
}
html[data-dphx-skin="times"] .dphx-header__nav a,
html[data-dphx-skin="times"] .dphx-menu a,
html[data-dphx-skin="times"] .dphx-primary-nav__list a {
	font-family: var(--wp--preset--font-family--ui);
	font-weight: 600;
	font-size: 0.8125rem;
	text-transform: none;
	color: var(--wp--preset--color--contrast);
}
html[data-dphx-skin="times"] .dphx-header__nav a::after,
html[data-dphx-skin="times"] .dphx-primary-nav__list a::after {
	background: var(--wp--preset--color--contrast);
	height: 1px;
}

/* ---- Sections: hairline top rules, small-caps labels — no accent bar -- */
html[data-dphx-skin="times"] .dphx-module__head {
	border-top: 1px solid var(--wp--preset--color--contrast);
	padding-top: 0.6rem;
}
html[data-dphx-skin="times"] .dphx-module__title {
	font-family: var(--wp--preset--font-family--ui);
	font-size: 0.8125rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	padding-inline-start: 0;
}
html[data-dphx-skin="times"] .dphx-module__title::before {
	display: none; /* the default skin's accent pipe */
}
html[data-dphx-skin="times"] .dphx-module__more {
	font-family: var(--wp--preset--font-family--ui);
	font-size: 0.75rem;
}
html[data-dphx-skin="times"] .dphx-section__label {
	font-family: var(--wp--preset--font-family--ui);
	letter-spacing: 0.08em;
}

/* ---- Cards: flat ink-on-paper, serif titles, no motion ---------------- */
html[data-dphx-skin="times"] .dphx-card {
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}
html[data-dphx-skin="times"] .dphx-card__img,
html[data-dphx-skin="times"] .dphx-card__media {
	border-radius: 0;
}
html[data-dphx-skin="times"] .dphx-card:hover .dphx-card__img {
	transform: none; /* no hover zoom in this skin */
}
html[data-dphx-skin="times"] .dphx-card__title {
	font-family: var(--wp--preset--font-family--heading);
	font-weight: 700;
	letter-spacing: 0;
}
html[data-dphx-skin="times"] .dphx-card:hover .dphx-card__title a,
html[data-dphx-skin="times"] .dphx-card__title a:hover {
	text-decoration: underline;
	text-underline-offset: 3px;
}
html[data-dphx-skin="times"] .dphx-card__kicker {
	font-family: var(--wp--preset--font-family--ui);
	font-weight: 700;
	font-size: 0.6875rem;
	letter-spacing: 0.08em;
	color: #727272;
	background: none;
	padding: 0;
}
html[data-dphx-skin="times"] .dphx-card__excerpt,
html[data-dphx-skin="times"] .dphx-card__meta {
	color: var(--wp--preset--color--contrast-soft);
}
html[data-dphx-skin="times"] .dphx-card--horizontal {
	border-bottom: 1px solid var(--wp--preset--color--border);
	padding-bottom: 0.9rem;
}

/* Ranked list: hairline numerals instead of display digits. */
html[data-dphx-skin="times"] .dphx-rk__n {
	font-family: var(--wp--preset--font-family--heading);
	-webkit-text-stroke: 0;
	color: var(--wp--preset--color--border);
	font-weight: 700;
}
html[data-dphx-skin="times"] .dphx-rk__title {
	font-family: var(--wp--preset--font-family--heading);
}

/* ---- Ticker: quiet paper strip ---------------------------------------- */
html[data-dphx-skin="times"] .dphx-ticker {
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--contrast);
	border-top: 1px solid var(--wp--preset--color--border);
	border-bottom: 1px solid var(--wp--preset--color--border);
	border-radius: 0;
}
html[data-dphx-skin="times"] .dphx-ticker__lab {
	background: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--base);
	border-radius: 0;
	font-family: var(--wp--preset--font-family--ui);
}
html[data-dphx-skin="times"] .dphx-ticker__in a {
	color: var(--wp--preset--color--contrast);
	font-family: var(--wp--preset--font-family--ui);
}

/* ---- Buttons & forms: square, ink-filled ------------------------------ */
html[data-dphx-skin="times"] .wp-element-button,
html[data-dphx-skin="times"] .wp-block-button__link,
html[data-dphx-skin="times"] button.dphx-newsletter__btn {
	background: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--base);
	border-radius: 0;
	font-family: var(--wp--preset--font-family--ui);
	font-weight: 700;
}
html[data-dphx-skin="times"] .wp-element-button:hover,
html[data-dphx-skin="times"] .wp-block-button__link:hover {
	background: var(--wp--preset--color--primary);
	color: #ffffff;
}

/* ---- Article page: classic newspaper reading experience --------------- */
html[data-dphx-skin="times"] .dphx-article__title {
	font-family: var(--wp--preset--font-family--heading);
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1.12;
}
html[data-dphx-skin="times"] .dphx-byline,
html[data-dphx-skin="times"] .dphx-crumbs,
html[data-dphx-skin="times"] .dphx-tags,
html[data-dphx-skin="times"] .dphx-share {
	font-family: var(--wp--preset--font-family--ui);
}
html[data-dphx-skin="times"] .dphx-article__content {
	font-size: 1.125rem;
	line-height: 1.85;
}
html[data-dphx-skin="times"] .dphx-article__content blockquote,
html[data-dphx-skin="times"] .wp-block-quote {
	border: 0;
	background: none;
	font-style: italic;
	font-size: 1.35rem;
	line-height: 1.5;
	text-align: center;
	color: var(--wp--preset--color--contrast);
	padding: 0.5rem 2rem;
}
html[data-dphx-skin="times"] .dphx-article__media img {
	border-radius: 0;
}
html[data-dphx-skin="times"] .dphx-share__btn {
	border-radius: 0;
	font-family: var(--wp--preset--font-family--ui);
}
html[data-dphx-skin="times"] .dphx-progress,
html[data-dphx-skin="times"] .dphx-progress__bar {
	background-image: none;
	background-color: var(--wp--preset--color--contrast);
}

/* Editorial boxes: quiet paper panels with hairline borders. */
html[data-dphx-skin="times"] .dphx-tldr,
html[data-dphx-skin="times"] .dphx-toc,
html[data-dphx-skin="times"] .dphx-sources,
html[data-dphx-skin="times"] .dphx-faq__item,
html[data-dphx-skin="times"] .dphx-authorbox,
html[data-dphx-skin="times"] .dphx-authorhead {
	background: var(--wp--preset--color--surface);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 0;
	box-shadow: none;
}
html[data-dphx-skin="times"] .dphx-sources {
	border-inline-start: 1px solid var(--wp--preset--color--border);
}

/* ---- Footer: hairline masthead mirror --------------------------------- */
html[data-dphx-skin="times"] .dphx-footer {
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--contrast);
	border-top: 2px solid var(--wp--preset--color--contrast);
}
html[data-dphx-skin="times"] .dphx-footer a {
	color: var(--wp--preset--color--contrast);
	font-family: var(--wp--preset--font-family--ui);
	font-size: 0.8125rem;
}
html[data-dphx-skin="times"] .dphx-footer__copy {
	color: var(--wp--preset--color--contrast-soft);
}