/** * Dynamic CSS Variables - Applied via Font Family Inheritance * This file contains static selectors that use CSS variables. * The actual variable values are set inline in via functions.php */ /* Base font-family application */ body, button, input, select, textarea { font-family: var(--vara-font-family, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif); } /* Blog, Archive, and Single Post font-family inheritance */ .vara-saas-blog-entry, .vara-saas-blog-entry h1, .vara-saas-blog-entry h2, .vara-saas-blog-entry h3, .vara-saas-blog-entry h4, .vara-saas-blog-entry h5, .vara-saas-blog-entry h6, .vara-saas-blog-entry p, .vara-saas-blog-entry li, .vara-saas-blog-entry a, .vara-saas-blog-entry span, .vara-saas-blog-entry time, .vara-saas-archive-entry, .vara-saas-archive-entry h1, .vara-saas-archive-entry h2, .vara-saas-archive-entry h3, .vara-saas-archive-entry h4, .vara-saas-archive-entry h5, .vara-saas-archive-entry h6, .vara-saas-archive-entry p, .vara-saas-archive-entry li, .vara-saas-archive-entry a, .vara-saas-archive-entry span, .vara-saas-archive-entry time, .vara-saas-single-post, .vara-saas-single-post h1, .vara-saas-single-post h2, .vara-saas-single-post h3, .vara-saas-single-post h4, .vara-saas-single-post h5, .vara-saas-single-post h6, .vara-saas-single-post p, .vara-saas-single-post li, .vara-saas-single-post a, .vara-saas-single-post span, .vara-saas-single-post time, .vara-saas-single-post blockquote, .vara-saas-single-post cite, .vara-saas-single-post figcaption, .vara-saas-single-post .wp-block-heading, .vara-saas-single-post .wp-block-paragraph, .vara-saas-single-post .wp-block-list { font-family: var(--vara-font-family, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif); } /* Logo sizing - uses CSS variable */ .custom-logo-link img, .vara-saas-logo img { width: var(--vara-logo-width, 150px); height: auto; } /* Base font size - uses CSS variable */ html { font-size: var(--vara-base-size, 16px); }