/*
Theme Name: pinStripe IT Blog
Theme URI: https://pinstripeit.com/blog
Description: pinStripe IT brand child theme of Twenty Twenty-Five. The shared chrome (day/night colors, header, footer, dropdown) is GENERATED from the main site — see generated-chrome.css + scripts/gen-wp-theme.ts. This file holds only typography and block styling.
Author: pinStripe IT
Template: twentytwentyfive
Version: 1.5.3
*/

/* Base */
body { font-family: "DM Sans", sans-serif; transition: background-color .4s ease, color .4s ease; }
h1, h2, h3, h4,
.wp-block-post-title,
.wp-block-heading { font-family: "Playfair Display", Georgia, serif; }
.wp-block-button__link { background-color: var(--pin-blue); border-radius: 6px; color: #fff; }
.wp-block-button__link:hover { background-color: var(--pin-blue-hover); }

/* ---- Type scale tuned to match the main site (block defaults run large) ---- */
body { font-size: 1.0625rem; }
.wp-block-post-content p,
.wp-block-post-content li { font-size: 1.0625rem; }
.wp-block-post-title,
.wp-block-post-title a,
.wp-block-query-title { font-size: clamp(1.65rem, 1.2rem + 1.5vw, 2.05rem) !important; line-height: 1.25 !important; }
.wp-block-post-content h2,
h2.wp-block-heading { font-size: 1.6rem !important; }
.wp-block-post-content h3,
h3.wp-block-heading { font-size: 1.3rem !important; }
.wp-block-post-content h4,
h4.wp-block-heading { font-size: 1.1rem !important; }