/*
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Custom child theme for Hello Elementor.
Author: Elementor Team
Template: hello-elementor
Version: 2.8.5
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
*/

/* Shared design tokens and global styles. */
:root {
	--site-container: 1440px;
	--color-black: #3f2d22;
	--color-white: #fffdf9;
	--color-primary: #8a684d;
	--color-background: #f5eee4;
	--color-background-tint: #ebe0d2;
	--color-surface: #fffaf3;
	--color-surface-soft: #e4d5c4;
	--color-border: #d8c4ad;
	--color-text-muted: #76675b;
	--color-desert-sand: #d2bca2;
	--color-warm-beige: #e4d8c8;
	--color-ivory-cream: #f7f1e7;
	--color-soft-taupe: #ad927b;
	--color-rich-mocha: #674a37;
	--color-matte-gold: #b79258;
	--font-primary: "Google Sans", "Google Sans Flex", Arial, sans-serif;
	--font-ui: "Google Sans", "Google Sans Flex", Arial, sans-serif;
	--font-accent: "Google Sans", "Google Sans Flex", Arial, sans-serif;
	--font-display: "Cormorant Garamond", Georgia, serif;
	--font-script: "Cormorant Garamond", Georgia, serif;
	--font-size-xs: 14px;
	--font-size-sm: 14px;
	--font-size-md: 16px;
	--font-size-lg: 17px;
	--border-thin: 1px solid var(--color-border);
	--radius-sm: 4px;
	--radius-md: 15px;
	--radius-lg: 28px;
	--radius-pill: 999px;
	--space-xs: 8px;
	--space-sm: 12px;
	--space-md: 20px;
	--space-lg: 32px;
	--space-xl: 48px;
	--section-space: 100px;
	--sundae-container: var(--site-container);
	--sundae-ink: var(--color-black);
	--sundae-blue: var(--color-primary);
	--sundae-paper: var(--color-background);
	--sundae-white: var(--color-white);
	--sundae-line: var(--color-border);
	--sundae-mono: var(--font-primary);
}

*, *::before, *::after { box-sizing: border-box; }
body { background: var(--color-background); color: var(--color-black); font-family: var(--font-primary); }

body * {
	font-family: var(--font-primary) !important;
}

/* Preserve the existing main-title typography. */
h1,
h1 *,
h2,
h2 * {
	font-family: var(--font-display) !important;
}

/* Every heading below h2 uses Google Sans. */
h3,
h4,
h5,
h6 {
	font-family: var(--font-accent) !important;
}

button,
input,
select,
textarea,
nav,
.button {
	font-family: var(--font-ui);
}