/* =================================================================== TYPOGRAPHY — pejay theme Google Fonts are loaded in via in default.html.twig =================================================================== */ h1, h2, h3, h4, h5, h6 { font-family: 'Lora', Georgia, serif; font-weight: 400; color: var(--foreground); } h1, h2, h3 { letter-spacing: -0.01em; } h1 { font-size: 3.5rem; line-height: 1.15; margin-bottom: 2.5rem; } h2 { font-size: 2.5rem; line-height: 1.25; margin-bottom: 2rem; } h3 { font-size: 1.5rem; line-height: 1.35; margin-top: 0rem !important; margin-bottom: 0.75rem; } h4 { font-size: 1.125rem; line-height: 1.4; font-family: 'Inter', sans-serif; font-weight: 400; letter-spacing: 0.01em; } p { font-size: 1rem; font-weight: 300; line-height: 1.72; letter-spacing: 0.01em; } p + p { margin-top: 1.5rem; } .lead { font-size: 1.125rem; line-height: 1.78; font-weight: 300; color: var(--muted-foreground); } small, .small { font-size: 0.8125rem; letter-spacing: 0.02em; } .text-muted { color: var(--muted-foreground); } .text-center { text-align: center; } .text-primary { color: var(--primary); } .accent { color: var(--primary-hover); font-style: italic; font-weight: 500; } /* Responsive */ @media (max-width: 768px) { h1 { font-size: 2.25rem; } h2 { font-size: 1.875rem; } h3 { font-size: 1.3rem; } .lead { font-size: 1rem; } }