/**
 * coThink marketing theme — dark navy + brand blue/orange (matches wecothink.com).
 * Load after /css/field-notes-product.css so product tokens win.
 */

.field-product.cothink-product {
	--bg: #0b1020;
	--bg-mid: #12182b;
	--text: #f8fafc;
	--muted: #cbd5e1;
	--line: #2a344b;
	--blue: #2563eb;
	--blue-hover: #1d4ed8;
	--orange: #ea580c;
	--link: #93c5fd;
	--panel: #1b2438;
	--canvas: var(--bg);
	--surface: var(--panel);
	--border: var(--line);
	--primary: var(--blue);
	--accent: var(--blue);
	--navy: var(--bg);
	--radius: 8px;
	--maxw: 980px;

	background:
		radial-gradient(900px 520px at 88% -8%, rgba(37, 99, 235, 0.22), transparent 55%),
		radial-gradient(700px 480px at -12% 18%, rgba(234, 88, 12, 0.12), transparent 50%),
		linear-gradient(180deg, var(--bg-mid) 0%, var(--bg) 45%, var(--bg) 100%);
	color: var(--text);
	font-family: Inter, system-ui, sans-serif;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
	min-height: 100vh;
}

.field-product.cothink-product .field-brand-bar {
	background: rgba(11, 16, 32, 0.92);
	border-bottom: 1px solid var(--line);
	font-family: Inter, system-ui, sans-serif;
}

.field-product.cothink-product .field-back {
	color: rgba(248, 250, 252, 0.78);
}

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

.field-product.cothink-product header {
	background: rgba(11, 16, 32, 0.55);
	backdrop-filter: saturate(140%) blur(8px);
	color: var(--text);
	border-bottom: 1px solid var(--line);
}

.field-product.cothink-product header .brand-mark,
.field-product.cothink-product header .brand,
.field-product.cothink-product header nav a,
.field-product.cothink-product header .nav-links a {
	color: var(--muted);
	font-family: Inter, system-ui, sans-serif;
}

.field-product.cothink-product header .brand-mark,
.field-product.cothink-product header .brand {
	color: var(--text);
	font-family: Geist, Inter, system-ui, sans-serif;
	font-weight: 600;
}

.field-product.cothink-product header .brand-mark .co {
	color: var(--blue);
}

.field-product.cothink-product header .brand-mark .think {
	color: var(--orange);
}

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

.field-product.cothink-product h1,
.field-product.cothink-product h2,
.field-product.cothink-product h3,
.field-product.cothink-product .hero-brand,
.field-product.cothink-product .section-title {
	font-family: Geist, Inter, system-ui, sans-serif;
	color: var(--text);
	font-weight: 600;
	letter-spacing: -0.03em;
	background: none;
	-webkit-text-fill-color: unset;
}

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

.field-product.cothink-product .btn-primary {
	background: var(--blue);
	color: #f8fafc;
	border-color: var(--blue);
}

.field-product.cothink-product .btn-primary:hover {
	background: var(--blue-hover);
	border-color: var(--blue-hover);
	color: #f8fafc;
}

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

.field-product.cothink-product .btn-secondary:hover {
	border-color: var(--blue);
	color: #fff;
}

.field-product.cothink-product :is(.feature-list li, .alpha-card, .mode-card) {
	background: rgba(27, 36, 56, 0.72);
	border-color: var(--line);
	border-radius: var(--radius);
	box-shadow: none;
}

.field-product.cothink-product .eyebrow,
.field-product.cothink-product .alpha-pill {
	color: var(--orange);
}

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

.field-product.cothink-product footer {
	border-top: 1px solid var(--line);
	color: var(--muted);
}

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