/*
 * SEOInsights visual identity: "The Split Instrument."
 * Two colors for two kinds of visibility - Index Teal for classic SEO,
 * Signal Copper for AI visibility - carried through headings, buttons,
 * and the audit widget's score gauges.
 */

:root {
	--seoi-bg: #F2F4F1;
	--seoi-bg-raised: #FFFFFF;
	--seoi-ink: #101E1B;
	--seoi-ink-soft: #4B5B57;
	--seoi-line: #C9D2CD;
	--seoi-teal: #0F6B63;
	--seoi-teal-deep: #0B4E48;
	--seoi-copper: #C1501A;
	--seoi-copper-deep: #96380F;
	--seoi-on-accent: #F7F8F6;
	--seoi-status-ok: #3F7D57;
	--seoi-status-pending: #6B6560;

	--seoi-font-display: -apple-system, "Segoe UI", system-ui, sans-serif;
	--seoi-font-body: -apple-system, "Segoe UI", system-ui, sans-serif;
	--seoi-font-mono: ui-monospace, "SFMono-Regular", "Consolas", "Liberation Mono", monospace;
}

body {
	background: var(--seoi-bg);
	color: var(--seoi-ink);
	font-family: var(--seoi-font-body);
}

.wp-block-heading,
h1, h2, h3, h4, h5, h6 {
	font-family: var(--seoi-font-display);
	font-weight: 800;
	letter-spacing: -0.02em;
	text-wrap: balance;
	color: var(--seoi-ink);
}

a {
	color: var(--seoi-teal-deep);
}

a:hover {
	color: var(--seoi-teal);
}

hr.wp-block-separator {
	border: none;
	border-top: 1px solid var(--seoi-line);
	background: none;
	opacity: 1;
}

blockquote.wp-block-quote {
	border-left: 3px solid var(--seoi-copper);
	padding-left: 1.25em;
	margin-left: 0;
	font-style: italic;
	color: var(--seoi-ink-soft);
}

.wp-block-table table {
	border-collapse: collapse;
	width: 100%;
}

.wp-block-table th,
.wp-block-table td {
	border-bottom: 1px solid var(--seoi-line);
	padding: 0.6em 0.75em;
	text-align: left;
}

.wp-block-table th {
	font-family: var(--seoi-font-mono);
	font-size: 0.8em;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--seoi-ink-soft);
}

.wp-block-button__link {
	font-family: var(--seoi-font-body);
	font-weight: 600;
	background: var(--seoi-ink);
	color: var(--seoi-on-accent);
	border-radius: 3px;
	padding: 0.8em 1.5em;
}

.wp-block-button__link:hover {
	background: var(--seoi-teal-deep);
	color: var(--seoi-on-accent);
}

.wp-block-button.is-style-outline .wp-block-button__link {
	background: transparent;
	color: var(--seoi-ink);
	border: 1px solid var(--seoi-line);
}

.wp-block-button.is-style-outline .wp-block-button__link:hover {
	border-color: var(--seoi-ink);
}