/**
 * Custom design overrides for sintesis.xyz
 * Move stable Elementor Custom CSS here over time.
 */

:root {
	--sintesis-accent: #6c5ce7;
	--sintesis-text: #1a1a2e;
	--sintesis-muted: #636e72;
	--sintesis-radius: 12px;
	--sintesis-section-gap: clamp(3rem, 6vw, 6rem);
}

/* Typography refinements */
body {
	color: var(--sintesis-text);
	-webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6,
.qodef-h1, .qodef-h2, .qodef-h3 {
	letter-spacing: -0.02em;
}

/* Header polish */
#qodef-page-header-inner {
	transition: box-shadow 0.25s ease, background-color 0.25s ease;
}

#qodef-page-header-inner.qodef--sticky-display {
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
}

/* Buttons — Elementor + theme */
.elementor-button,
.qodef-button .qodef-m-text,
button[type="submit"],
input[type="submit"] {
	border-radius: var(--sintesis-radius);
}

/* Section spacing for Elementor pages */
.elementor-section.elementor-top-section {
	padding-block: var(--sintesis-section-gap);
}

/* Cards / boxed content */
.elementor-widget-wrap > .elementor-element.elementor-widget-heading + .elementor-widget-text-editor {
	color: var(--sintesis-muted);
}

/* Footer breathing room */
#qodef-page-footer {
	padding-top: 2rem;
}

/* Responsive container max-width tweak */
@media (min-width: 1200px) {
	.qodef-content-grid,
	.elementor-section.elementor-section-boxed > .elementor-container {
		max-width: 1240px;
	}
}

/* Focus accessibility */
a:focus-visible,
button:focus-visible,
.elementor-button:focus-visible {
	outline: 2px solid var(--sintesis-accent);
	outline-offset: 2px;
}