/*
 * SSHH brand expression.
 *
 * The structural theme remains shared. This layer adds a sharper signal-led
 * visual language exclusively when the SSHH brand lock is active.
 */

:root {
	--sshh-signal: #00ff00;
	--sshh-signal-accessible: #00b92f;
	--sshh-ink: #03110b;
	--pedro-radius-sm: 0.85rem;
	--pedro-radius-md: 1.35rem;
	--pedro-radius-lg: 2rem;
	--pedro-shadow-sm: 0 10px 30px rgb( 3 33 20 / 8% );
	--pedro-shadow-lg: 0 24px 70px rgb( 3 33 20 / 20% );
}

:root[data-theme='dark'] {
	--pedro-background: #020b07;
	--pedro-surface: #07160f;
	--pedro-border: #193c29;
	--pedro-text: #f2fff5;
	--pedro-muted: #a9c9b4;
	--pedro-primary: #2b6d48;
	--pedro-accent: #00ff47;
}

.pedro-topbar {
	border-bottom: 3px solid var( --sshh-signal );
	background: var( --sshh-ink );
}

.pedro-main-header {
	background:
		linear-gradient( 90deg, color-mix( in srgb, var( --sshh-signal ) 8%, var( --pedro-surface ) ), transparent 38% ),
		var( --pedro-surface );
}

.pedro-main-header__inner {
	min-height: 96px;
}

.pedro-main-header .pedro-logo,
.pedro-main-header .custom-logo {
	max-width: 180px;
	max-height: 72px;
}

.pedro-footer-logo {
	max-width: 190px;
	max-height: 90px;
}

.pedro-header__menu-list a {
	letter-spacing: 0.07em;
}

.pedro-header__menu-list a::after {
	bottom: -0.15rem;
	height: 5px;
	border-radius: 999px;
	background: var( --sshh-signal-accessible );
}

.pedro-button,
.pedro-category-filters a {
	border-radius: 999px;
}

.pedro-button {
	background: var( --sshh-ink );
	color: #ffffff;
}

.pedro-button:hover,
.pedro-button:focus-visible {
	background: var( --sshh-signal-accessible );
	color: var( --sshh-ink );
	filter: none;
}

.pedro-ticker__label {
	border-radius: 999px;
	background: var( --sshh-ink );
}

.pedro-ticker__story {
	border-radius: 999px;
}

.pedro-lead-card {
	border-radius: 2rem 2rem 2rem 0.45rem;
}

.pedro-lead-card__overlay {
	background:
		linear-gradient( 90deg, rgb( 2 17 11 / 96% ) 0%, rgb( 2 17 11 / 68% ) 48%, transparent 82% ),
		linear-gradient( 0deg, rgb( 2 17 11 / 90% ), transparent 60% );
}

.pedro-lead-card .pedro-eyebrow,
.pedro-overlay-card .pedro-eyebrow {
	border-radius: 999px;
	background: var( --sshh-signal );
	color: var( --sshh-ink );
}

.pedro-secondary-card,
.pedro-most-read,
.pedro-widget,
.pedro-article-horizontal,
.pedro-category-tile {
	border-color: color-mix( in srgb, var( --sshh-signal-accessible ) 24%, var( --pedro-border ) );
}

.pedro-secondary-card:hover,
.pedro-article-horizontal:hover,
.pedro-category-tile:hover {
	border-color: var( --sshh-signal-accessible );
	box-shadow: 0 18px 46px rgb( 0 185 47 / 13% );
}

.pedro-section-heading {
	letter-spacing: 0.075em;
}

.pedro-section-heading::after {
	width: 3.4rem;
	height: 6px;
	border-radius: 999px;
	background: var( --sshh-signal-accessible );
}

.pedro-most-read__number {
	background: var( --sshh-signal );
	color: var( --sshh-ink );
}

.pedro-newsletter {
	position: relative;
	overflow: hidden;
	background:
		radial-gradient( circle at 92% 15%, rgb( 0 255 0 / 26% ), transparent 26% ),
		linear-gradient( 135deg, var( --sshh-ink ), #0b3a22 );
}

.pedro-newsletter::after {
	position: absolute;
	right: -3rem;
	bottom: -4rem;
	width: 12rem;
	height: 12rem;
	border: 2rem solid rgb( 0 255 0 / 12% );
	border-radius: 50%;
	content: '';
	pointer-events: none;
}

.pedro-newsletter__copy,
.pedro-newsletter__signup {
	position: relative;
	z-index: 1;
}

.pedro-newsletter__benefits .pedro-icon {
	stroke: var( --sshh-signal );
}

.pedro-category-tile {
	grid-template-columns: 92px minmax( 0, 1fr );
}

.pedro-category-tile__art,
.pedro-category-tile__art--1,
.pedro-category-tile__art--2 {
	background:
		linear-gradient( 145deg, rgb( 0 255 0 / 18% ), transparent 55% ),
		var( --sshh-ink );
}

.pedro-category-tile__art .pedro-icon {
	stroke: var( --sshh-signal );
}

.pedro-category-tile__cta,
.pedro-text-link,
.pedro-section-title-row--action > a {
	color: var( --sshh-signal-accessible );
}

.pedro-coming-card {
	background:
		linear-gradient( 145deg, rgb( 0 255 0 / 9% ), transparent 55% ),
		var( --pedro-surface );
}

.pedro-editorial-values {
	background:
		radial-gradient( circle at 18% 28%, rgb( 0 255 0 / 28% ), transparent 22% ),
		linear-gradient( 135deg, var( --sshh-ink ), #0b3a22 70%, #006f26 );
}

.pedro-editorial-values__dot {
	border-color: var( --sshh-signal );
}

.pedro-editorial-values__check {
	background: var( --sshh-signal );
	color: var( --sshh-ink );
}

.pedro-editorial-values__check .pedro-icon {
	stroke: currentcolor;
}

.pedro-term-hero__title,
.pedro-single__title {
	text-wrap: balance;
}

.pedro-term-hero {
	border-left: 7px solid var( --sshh-signal-accessible );
	padding-left: clamp( 1rem, 2.5vw, 2rem );
}

.pedro-footer {
	border-top: 6px solid var( --sshh-signal );
	background:
		radial-gradient( circle at 12% 22%, rgb( 0 255 0 / 14% ), transparent 24% ),
		var( --sshh-ink );
}

@media ( max-width: 767px ) {
	.pedro-main-header .pedro-logo,
	.pedro-main-header .custom-logo {
		max-width: 128px;
		max-height: 58px;
	}

	.pedro-lead-card {
		border-radius: 1.35rem 1.35rem 1.35rem 0.35rem;
	}

	.pedro-category-tile {
		grid-template-columns: 76px minmax( 0, 1fr );
	}
}