/**
 * Site Access Policies marketing theme — dark ops + neon green + PePper.
 * Load after /css/field-notes-product.css so product tokens win.
 */

.field-product.sap-product {
	--bg: #12141a;
	--bg-mid: #1a1d26;
	--text: #eceef2;
	--muted: #9aa3b2;
	--line: rgba(255, 255, 255, 0.1);
	--green: #3dcf6e;
	--link: #7eb6ff;
	--card: #171a22;
	--panel: #171a22;
	--canvas: var(--bg);
	--surface: var(--card);
	--border: var(--line);
	--primary: var(--green);
	--accent: var(--green);
	--navy: #0c0e13;
	--radius: 8px;
	--maxw: 980px;

	background: linear-gradient(180deg, var(--bg-mid) 0%, var(--bg) 42%, var(--bg) 100%);
	color: var(--text);
	font-family: "IBM Plex Sans", system-ui, sans-serif;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
	min-height: 100vh;
}

.field-product.sap-product .field-brand-bar {
	background: #0c0e13;
	border-bottom: 1px solid var(--line);
	font-family: "IBM Plex Sans", system-ui, sans-serif;
}

.field-product.sap-product .field-back {
	color: rgba(236, 238, 242, 0.78);
}

.field-product.sap-product .field-back:hover {
	color: #fff;
	text-decoration: none;
}

.field-product.sap-product header {
	background: transparent;
	color: var(--text);
	border-bottom: 1px solid var(--line);
	backdrop-filter: none;
}

.field-product.sap-product header .brand-mark,
.field-product.sap-product header .brand,
.field-product.sap-product header nav a,
.field-product.sap-product header .nav-links a {
	color: var(--muted);
	font-family: "IBM Plex Sans", system-ui, sans-serif;
}

.field-product.sap-product header .brand-mark,
.field-product.sap-product header .brand {
	color: var(--text);
	font-weight: 600;
}

.field-product.sap-product header nav a:hover,
.field-product.sap-product header .nav-links a:hover {
	color: var(--text);
}

.field-product.sap-product h1,
.field-product.sap-product h2,
.field-product.sap-product h3,
.field-product.sap-product .hero-brand,
.field-product.sap-product .section-title {
	font-family: "IBM Plex Serif", Georgia, serif;
	color: var(--text);
	font-weight: 700;
	letter-spacing: -0.02em;
	background: none;
	-webkit-text-fill-color: unset;
}

.field-product.sap-product .btn {
	border-radius: 8px;
	box-shadow: none;
}

.field-product.sap-product .btn-primary {
	background: var(--green);
	color: #08140d;
	border-color: var(--green);
}

.field-product.sap-product .btn-primary:hover {
	filter: brightness(1.06);
	background: var(--green);
	color: #08140d;
}

.field-product.sap-product .btn-secondary {
	background: transparent;
	color: var(--text);
	border-color: var(--line);
}

.field-product.sap-product .btn-secondary:hover {
	border-color: rgba(255, 255, 255, 0.28);
	color: var(--text);
}

.field-product.sap-product :is(.hero-card, .feature-card, .pricing-card, .card, .tier-card, .edition-card) {
	background: var(--card);
	border-color: var(--line);
	border-radius: 14px;
	box-shadow: none;
}

.field-product.sap-product :is(.feature-card strong, .pricing-card h3, .pricing-card .price) {
	color: var(--text);
}

.field-product.sap-product :is(.feature-card p, .pricing-card p, .hero-lead, .section-lead, .price-note) {
	color: var(--muted);
}

.field-product.sap-product :is(.eyebrow, .tag, .pepper-tag, .hero-note a, .tier-note a) {
	color: var(--green);
}

.field-product.sap-product :is(.note, .lifecycle, .integrations) {
	background: rgba(61, 207, 110, 0.08);
	border-color: var(--line);
}

.field-product.sap-product :is(.cta-panel, .final-cta) {
	background: #0c0e13;
	border: 1px solid var(--line);
	color: var(--text);
}

.field-product.sap-product :is(.cta-panel, .final-cta) :is(h1, h2, h3, p) {
	color: var(--text);
}

.field-product.sap-product :is(.cta-panel, .final-cta) .btn-primary {
	background: var(--green);
	color: #08140d;
	border-color: var(--green);
}

.field-product.sap-product input:not([type="checkbox"]):not([type="radio"]),
.field-product.sap-product select,
.field-product.sap-product textarea {
	background: var(--card);
	color: var(--text);
	border-color: var(--line);
}

.field-product.sap-product a:focus-visible,
.field-product.sap-product button:focus-visible {
	outline: 2px solid var(--green);
	outline-offset: 3px;
}

.field-product.sap-product a {
	color: var(--link);
}