/*
Theme Name: Hello Elementor Child — FLAT
Theme URI: https://flat69.fr/
Description: Thème enfant de Hello Elementor pour FLAT Porsche Experts. Présentation uniquement : le design system vit dans les variables et classes atomiques Elementor (voir DESIGN.md), les données dans le plugin flat69-core.
Author: Webnation
Author URI: https://webnation.tech/
Template: hello-elementor
Version: 2.1.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

/*
 * Base layer only. Every value references the Elementor V4 variables
 * (--f-*, --fs-*, --sp-*) so the kit stays the single source of truth.
 */

html {
	background-color: var(--f-bg, #0B0B0C);
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

body {
	background-color: var(--f-bg, #0B0B0C);
	color: var(--f-ink, #F2F2F0);
	font-family: "Archivo", system-ui, sans-serif;
	font-size: var(--fs-body, 1.0625rem);
	line-height: 1.55;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

::selection {
	background-color: var(--f-accent, #EE7D31);
	color: var(--f-on-accent, #0B0B0C);
}

/* Visible keyboard focus on every interactive element. */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible,
[tabindex]:focus-visible {
	outline: 2px solid var(--f-accent, #EE7D31);
	outline-offset: 3px;
}

img {
	max-width: 100%;
	height: auto;
}

/* Tabular figures wherever prices and mileages line up. */
.f-num {
	font-variant-numeric: tabular-nums;
}

/* Skip link (Hello prints it; make it match). */
.skip-link.screen-reader-text:focus {
	background-color: var(--f-accent, #EE7D31);
	color: var(--f-on-accent, #0B0B0C);
	font-weight: 600;
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
	}
}
