/* Valkama Branding Typography and Color Overrides */

/* Google Fonts for Source Serif Pro */
@import url('https://fonts.googleapis.com/css2?family=Source+Serif+Pro:ital,wght@0,300;0,400;0,600;0,700;1,400&display=swap');

/* Local fonts for Galano Grotesque */
@font-face {
    font-family: 'Galano Grotesque';
    src: url('wp-content/uploads/2024/07/GalanoGrotesque-Bold.woff2') format('woff2'),
         url('wp-content/uploads/2024/07/GalanoGrotesque-Bold.woff') format('woff'),
         url('wp-content/uploads/2024/07/GalanoGrotesque-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Galano Grotesque';
    src: url('wp-content/uploads/2024/07/GalanoGrotesque-Medium.woff2') format('woff2'),
         url('wp-content/uploads/2024/07/GalanoGrotesque-Medium.woff') format('woff'),
         url('wp-content/uploads/2024/07/GalanoGrotesque-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

:root {
    --ast-global-color-0: #2E2D2D !important; /* Update Astra text color base */
}

/* Base Body Text (95% Black, Source Serif Pro) */
body, button, input, select, textarea, .ast-button, .ast-custom-button, p, li, span, div:not(.elementor-heading-title) {
    font-family: 'Source Serif Pro', serif;
}

/* Give elementor-heading-title its own specific rule so we don't accidentally override layout divs */
div.elementor-heading-title {
    font-family: 'Galano Grotesque', sans-serif !important;
}

/* Base Headings (Tyyni Blue, Galano Grotesque Bold) */
h1, h2, h3, h4, h5, h6,
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6,
.elementor-heading-title, .site-title {
    font-family: 'Galano Grotesque', sans-serif !important;
    font-weight: 700 !important;
    line-height: 1.1em !important;
    letter-spacing: 0 !important;
    color: #063058; /* Tyyni. No !important, allowing inline style overrides like white text on dark bg */
}