/*
Theme Name: Firestrike
Template: twentytwentyfive
Description: Kindtheme "Feuerstein auf Stahl" - kuehler Stahlgrund, ein warmer Funke als einziger Akzent. Kantig, ohne Weichzeichner. Ausschliesslich Systemschriften, damit beim Aufruf kein fremder Server kontaktiert wird.
Version: 1.0
Text Domain: firestrike
*/

/* Kanten bleiben Kanten. Der Entwurf sieht bewusst keinen Weichzeichner vor. */
.wp-block-button__link,
.wp-block-search__button,
.wp-block-image img,
.wp-block-group.has-background,
input, textarea, select {
	border-radius: 0;
}

/* Verweise im Fliesstext: unterstrichen, damit sie ohne Farbe erkennbar sind. */
.entry-content a:not(.wp-element-button),
.wp-block-post-content a:not(.wp-element-button) {
	text-decoration: underline;
	text-underline-offset: 0.18em;
	text-decoration-thickness: 1px;
}

/* Der Funke ist Akzent, kein Signal - nur dort, wo etwas passiert. */
.wp-block-button__link:hover,
.wp-block-button__link:focus-visible {
	background-color: var(--wp--preset--color--glut);
	color: var(--wp--preset--color--flaeche);
}

/* Sichtbarer Tastaturfokus. Ohne den ist die Seite mit der Tastatur unbedienbar.
   Eigene Rolle, weil der Funke auf hellem Grund nur 1,9:1 erreicht und damit als
   Fokusanzeige unbrauchbar ist. Hell nimmt deshalb die Glut (5,0:1), dunkel den
   Funke (9,9:1). Beides liegt ueber den geforderten 3:1. */
:root { --fs-fokus: var(--wp--preset--color--glut); }

a:focus-visible, button:focus-visible,
input:focus-visible, textarea:focus-visible, select:focus-visible {
	outline: 2px solid var(--fs-fokus);
	outline-offset: 2px;
}

/* Quelltext in Monospace, abgesetzt auf der tiefen Flaeche. */
.wp-block-code, .wp-block-preformatted, code, kbd, samp {
	font-family: var(--wp--preset--font-family--mono);
	background-color: var(--wp--preset--color--flaeche-tief);
}
.wp-block-code {
	border-left: 3px solid var(--wp--preset--color--funke);
	padding: var(--wp--preset--spacing--30);
	overflow-x: auto;
}

/* Trennlinie als Funkenschlag: kurzer heller Strich, aussermittig. */
.wp-block-separator.is-style-funke {
	border: none;
	height: 3px;
	max-width: 140px;
	margin-left: 0;
	background: linear-gradient(90deg,
		var(--wp--preset--color--funke) 0 40%,
		var(--wp--preset--color--glut) 40% 100%);
	opacity: 1;
}

/* Dunkle Darstellung nach Wunsch des Geraets. Es werden nur die Grundtoene
   getauscht - Stahl und Funke bleiben als Rollen erhalten, damit der
   Wiedererkennungswert nicht verlorengeht. */
@media (prefers-color-scheme: dark) {
	:root {
		--wp--preset--color--grund:        #141715;
		--wp--preset--color--flaeche:      #1C201D;
		--wp--preset--color--flaeche-tief: #262B27;
		--wp--preset--color--linie:        #38403A;
		--wp--preset--color--text:         #E8EBE7;
		--wp--preset--color--text-leise:   #A5ADA6;
		--wp--preset--color--stahl:        #7E93A1;
		/* Rolle: Ueberschriften und Wortmarke, KEINE Flaeche. Der bisherige
		   Wert #0F161B war dunkler als der Grund - Ueberschriften kamen auf
		   1,0:1 und waren unsichtbar. Jetzt helles Stahl, 10,3:1. */
		--wp--preset--color--stahl-tief:   #B4C6D1;
		--wp--preset--color--funke:        #F2B558;
		--wp--preset--color--glut:         #D9713C;
		--fs-fokus: var(--wp--preset--color--funke);
	}
}