/*
Theme Name: Twenty Twenty-Five Jonas
Theme URI: https://jonashjalmarsson.se/
Description: Child theme of Twenty Twenty-Five for jonashjalmarsson.se. Developer-notebook aesthetic — Inter / Inter Tight / JetBrains Mono, single warm orange-red accent, hairline rules and roomy whitespace.
Author: Jonas Hjalmarsson
Author URI: https://jonashjalmarsson.se/
Template: twentytwentyfive
Version: 1.0.0
Requires at least: 6.7
Tested up to: 6.9
Requires PHP: 7.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyfive-jonas
*/

/* Body baseline (parent theme already sets a baseline; we ensure 17px and 1.65 line-height come through) */
body {
	font-size: 17px;
	line-height: 1.65;
}

/* H1 letter-spacing per design brief */
h1,
.wp-block-heading.has-h-1-font-size,
.wp-block-post-title {
	letter-spacing: -0.02em;
}

/* Hairline divider style — used on /plugins/ rows */
.is-style-hairline-top {
	border-top: 1px solid var(--wp--preset--color--border);
	padding-top: var(--wp--preset--spacing--40, 2rem);
}

.is-style-hairline-bottom {
	border-bottom: 1px solid var(--wp--preset--color--border);
	padding-bottom: var(--wp--preset--spacing--40, 2rem);
}

/* Mono meta line helper (used for version / install line under plugin titles
   and date line in blog list). Apply via the "Mono Meta" block style
   or by adding the class manually in the editor. */
.is-style-mono-meta,
.mono-meta {
	font-family: var(--wp--preset--font-family--mono);
	font-size: var(--wp--preset--font-size--mono-meta);
	color: var(--wp--preset--color--text-muted);
	letter-spacing: 0;
}

/* Inline mono link style for hero "→ See the plugins" / "→ Read the blog" */
.is-style-mono-link a,
.mono-link a,
a.mono-link {
	font-family: var(--wp--preset--font-family--mono);
	font-size: var(--wp--preset--font-size--small);
	letter-spacing: 0;
}

/* Slightly tighter underline behaviour to match Plausible-ish feel */
a {
	text-decoration-thickness: 1px;
	text-underline-offset: 0.18em;
}

/* Code blocks / inline code use the surface bg defined in theme.json. Make
   inline <code> a touch tighter so it doesn't blow up line-height. */
:where(p, li) > code {
	padding: 0.1em 0.35em;
	font-size: 0.9em;
	background: var(--wp--preset--color--surface);
	border-radius: 2px;
}