/*
Theme Name: Aros Child
Theme URI: https://arosmarine.com/
Description: Child theme of Hello Elementor for arosmarine.com. Design tokens and site styles.
Template: hello-elementor
Version: 0.1.0
Requires PHP: 8.3
Author: UAB Aros Marine
Text Domain: aros
*/

/*
 * Design tokens — from Elementor kit 5440 (data/kit-settings.json) and the computed
 * values in docs/current-site.md §9. The new site's Elementor kit gets the same values
 * as global colours/typography (Phase 2); these custom properties serve the child
 * theme's own CSS. Kit breakpoints: mobile ≤767px, tablet ≤1024px.
 */
:root {
	/* Colours */
	--aros-color-primary: #003050;        /* kit primary + text */
	--aros-color-secondary: #FFF4EA;      /* cream section backgrounds */
	--aros-color-accent: #ED6441;
	--aros-color-navy: #073654;           /* dark sections, H3, links */
	--aros-color-blue: #4569FF;           /* kit saved colour */
	--aros-color-olive: #82820B;          /* kit saved colour */
	--aros-color-white: #FFFFFF;
	--aros-color-cream-heading: #FDF3EB;  /* H2 on dark sections (computed on live) */

	/* Typography */
	--aros-font-serif: "Instrument Serif", serif;    /* headings, weights 400/600 */
	--aros-font-sans: "Instrument Sans", sans-serif; /* body/UI, weights 400/500/700 */

	/* Observed heading scale (live homepage, 1 Oct 2026) */
	--aros-h1-size: 60px;
	--aros-h1-line: 60px;
	--aros-h2-size: 35px;
	--aros-h2-line: 35px;
	--aros-h2-tracking: -0.7px;
	--aros-h3-size: 15px;
	--aros-h3-line: 25px;
}