/*
Theme Name: Yritystensaattohoito
Template: agency-theme
Author: WP SEO AI Web Agency
Description: Child theme for Yritystensaattohoito — company wind-down services.
Version: 1.0.0
License: GPL-2.0-or-later
Text Domain: yritystensaattohoito
*/

/*
 * Self-hosted fonts. Elementor's originals lived under uploads; these are the
 * same latin subsets, named by weight.
 */
@font-face {
	font-family: "Poppins";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("assets/fonts/poppins-400.woff2") format("woff2");
}

@font-face {
	font-family: "Poppins";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("assets/fonts/poppins-500.woff2") format("woff2");
}

@font-face {
	font-family: "Poppins";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("assets/fonts/poppins-600.woff2") format("woff2");
}

/* Montserrat ships as a variable font covering 400–900. */
@font-face {
	font-family: "Montserrat";
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url("assets/fonts/montserrat-variable.woff2") format("woff2");
}

/*
 * Brand tokens. Values come from the source Elementor kit (post 9).
 */
:root {
	--wpsa-color-accent: #173946;
	--wpsa-color-accent-hover: #f4b24e;
	--wpsa-color-accent-contrast: #ffffff;
	--wpsa-color-accent-alt: #173946;

	--wpsa-color-text: #000000;
	--wpsa-color-text-muted: #7a7a7a;
	--wpsa-color-surface: #f8f8f8;

	--wpsa-font-body: "Poppins", system-ui, sans-serif;
	--wpsa-font-heading: "Poppins", system-ui, sans-serif;
	--wpsa-font-accent: "Montserrat", system-ui, sans-serif;

	--wpsa-container: 80rem; /* 1280px */
	--wpsa-radius-md: 0.625rem; /* 10px buttons and cards */

	/* Client palette beyond the shared tokens. */
	--ytth-amber: #f4b24e;
	--ytth-outline: #266ae1;
	--ytth-price-heading: #1c244b;
	--ytth-price-dark: #1e1e1e;
	--ytth-price-prefix: #a8a8a8;
	--ytth-price-vat: #858585;
	--ytth-form-border: #d8d8d8;
	--ytth-eyebrow: #54595f;
	--ytth-read-more: #1768e1;
}

/* Type scale: the source kit sets explicit sizes per heading. */
h1 {
	font-size: clamp(2rem, 3.4vw + 0.6rem, 2.9375rem); /* 32 → 47px */
	font-weight: 600;
	letter-spacing: 0.02em;
	line-height: 1.2;
}

h2 {
	font-size: clamp(1.5625rem, 1.8vw + 0.7rem, 2.1875rem); /* 25 → 35px */
	font-weight: 600;
	text-transform: capitalize;
	letter-spacing: 0.02em;
	line-height: 1.5;
}

h3 {
	font-size: clamp(1.375rem, 1.4vw + 0.8rem, 1.875rem); /* 22 → 30px */
	font-weight: 500;
	line-height: 1.5;
}

body {
	font-size: 1rem;
	font-weight: 400;
	letter-spacing: 0.044em;
}