/*
Theme Name: Twenty Twenty-Five Child (99bugs)
Template: twentytwentyfive
Description: Child-Theme für 99bugs.de. Branding laut marke/LIESMICH.txt, Schrift lokal.
Author: 99bugs
Version: 0.6.21
Text Domain: twentytwentyfive-child
*/

/* Schrift lokal (JetBrains Mono, SIL OFL 1.1, Lizenz liegt in fonts/). Keine externen Verbindungen. */
@font-face { font-family: "JetBrains Mono"; font-weight: 400; font-style: normal; font-display: swap; src: url("fonts/JetBrainsMono-400.woff2") format("woff2"); }
@font-face { font-family: "JetBrains Mono"; font-weight: 500; font-style: normal; font-display: swap; src: url("fonts/JetBrainsMono-500.woff2") format("woff2"); }
@font-face { font-family: "JetBrains Mono"; font-weight: 700; font-style: normal; font-display: swap; src: url("fonts/JetBrainsMono-700.woff2") format("woff2"); }

:root {
  --petrol: #0B4F5A;
  --dunkelpetrol: #0A2E34;
  --gelb: #F2B705;      /* nur Akzent, nie Text auf Weiß */
  --hellgrau: #F4F6F5;
  --tinte: #12262A;
}

body {
  font-family: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.65;
  color: var(--wp--preset--color--text-hell, #C9DDE0);
  background: var(--wp--preset--color--hintergrund, #041519);
}

h1, h2, h3 { font-weight: 700; letter-spacing: -0.04em; color: var(--wp--preset--color--text-sehr-hell, #E6F0F1); }
/* Mobile first: fließend von 28 auf 42 px (h1) bzw. 22 auf 30 px (h2) */
/* overflow-wrap: lange Wörter brechen statt über den Rand zu laufen */
h1 { font-size: clamp(1.75rem, 1.2rem + 2.5vw, 2.625rem); overflow-wrap: anywhere; }
h2 { font-size: clamp(1.375rem, 1rem + 1.6vw, 1.875rem); overflow-wrap: anywhere; }

a { color: var(--wp--preset--color--gelb, #F2B705); }

nav, button, .button, .wp-block-button__link { font-weight: 500; font-size: 15px; }
.button, .wp-block-button__link { background: var(--gelb); color: var(--wp--preset--color--hintergrund, #041519); }
.button:hover, .wp-block-button__link:hover { background: var(--wp--preset--color--gelb-hell, #F7C51F); }


/* Dunkle Flächen */
.dunkel { background: var(--dunkelpetrol); color: #fff; }
.dunkel h1, .dunkel h2, .dunkel h3 { color: #fff; }