/*
Theme Name: ATDT Penna.se
Theme URI: https://www.penna.se/
Description: GeneratePress-barntema för penna.se. Identitet: editoriell guide till skrivverktyg, bläck på papper och hantverk. Bläckblå accent, nib-koppar, prick-rutnät som motiv, Fraunces + Newsreader + IBM Plex Mono. Del av ATDT-nätverkets temarkitektur.
Author: Atdt AB
Template: generatepress
Version: 0.1.0
*/

/* Bas - tokens definieras i tokens.css, komponenter i atdt-theme-kit. */

body {
	background: var(--atdt-bg);
	color: var(--atdt-ink);
	font-family: var(--atdt-font-body);
	font-size: 1.08rem;
	line-height: 1.7;
}

h1, h2, h3, h4, h5, h6,
.entry-title {
	font-family: var(--atdt-font-display);
	font-weight: 700;
	color: var(--atdt-ink);
	letter-spacing: -0.01em;
	line-height: 1.18;
}

/* Optisk storleksvariant i Fraunces ger raffinerade rubriker */
h1, .entry-title {
	font-optical-sizing: auto;
	font-variation-settings: "opsz" 144;
}

/* Brödtext drar nytta av kursiv Newsreader i citat */
.entry-content blockquote {
	font-style: italic;
	font-size: 1.15rem;
	color: var(--atdt-accent);
	border-left: 2px solid var(--atdt-accent-2);
	padding-left: 1.1rem;
	margin-left: 0;
}

a {
	color: var(--atdt-accent);
	text-underline-offset: 0.18em;
	text-decoration-thickness: 1px;
}
a:hover { color: var(--atdt-accent-2); }

/* Sidhuvud - ordmärke och meny */
.site-header {
	background: var(--atdt-bg);
	border-bottom: 1px solid var(--atdt-neutral);
}
.main-navigation a {
	font-family: var(--atdt-font-mono);
	font-weight: 500;
	font-size: 0.86rem;
	letter-spacing: 0.02em;
	text-transform: lowercase;
}
.main-navigation .current-menu-item > a { color: var(--atdt-accent); }

/* Innehållsbredd för läsbar löptext i artiklar */
.entry-content > p,
.entry-content > ul,
.entry-content > ol,
.entry-content > h2,
.entry-content > h3 {
	max-width: var(--atdt-maxwidth);
}

/* Etiketter och inline-kod i monospace, som bläcknoteringar */
.entry-content code { font-family: var(--atdt-font-mono); font-size: 0.92em; }

/* Sidfot i bläckblå med kräm-text */
.site-footer {
	background: var(--atdt-accent);
	color: var(--atdt-bg);
}
.site-footer a { color: var(--atdt-bg); }

/* Befintliga artikeltabeller får jämförelse-stil */
.entry-content table { border-collapse: collapse; width: 100%; }
.entry-content table th {
	background: var(--atdt-accent);
	color: var(--atdt-bg);
	font-family: var(--atdt-font-display);
	font-weight: 600;
}
.entry-content table td,
.entry-content table th {
	border: 1px solid var(--atdt-neutral);
	padding: 0.55rem 0.8rem;
}

/*
 * Motiv: prick-rutnät som i en bullet journal.
 * Avdelare ovanför sidfoten via generate_before_footer.
 * Subtilt nib-koppar mot kräm-bakgrund, inte pråligt.
 */
.atdt-motif-rule {
	height: 26px;
	max-width: var(--atdt-maxwidth);
	margin: 2.4rem auto;
	background-image: radial-gradient(var(--atdt-accent-2) 1.3px, transparent 1.4px);
	background-size: 16px 13px;
	background-position: center;
	opacity: 0.5;
}

/* En bläck-understruken rubrik kan användas på utvalda rubriker */
.atdt-ink-underline {
	display: inline;
	background-image: linear-gradient(var(--atdt-accent-2), var(--atdt-accent-2));
	background-repeat: no-repeat;
	background-position: 0 92%;
	background-size: 100% 3px;
	padding-bottom: 2px;
}