/*
Theme Name: Lumotik
Theme URI: https://lumotik.fr
Author: Lumotik
Description: Thème sur-mesure du site vitrine Lumotik - domotique, objets connectés, réseaux, sécurité, cybersécurité et auto-hébergement en Alsace.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 8.1
Text Domain: lumotik
*/

/* ==========================================================================
   Variables de marque - voir Claude.md pour la charte complète
   ========================================================================== */
:root {
	--color-black: #0b0b0e;
	--color-white: #ffffff;
	--color-anthracite: #2a2d31;
	--color-orange: #ff6a00;
	--color-orange-hover: #ff8533;

	--font-heading: "Sora", sans-serif;
	--font-body: "Inter", sans-serif;

	--space-xs: 0.5rem;
	--space-sm: 1rem;
	--space-md: 2rem;
	--space-lg: 4rem;
	--space-xl: 8rem;

	--container-max: 1200px;
	--radius-sm: 4px;
	--radius-md: 8px;

	--ease-default: cubic-bezier(0.16, 1, 0.3, 1);
}

/* ==========================================================================
   Reset minimal
   ========================================================================== */
*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

body {
	margin: 0;
	background: var(--color-black);
	color: var(--color-white);
	font-family: var(--font-body);
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
}

img,
video {
	max-width: 100%;
	display: block;
}

a {
	color: inherit;
}

button {
	font-family: inherit;
}

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