/* main.css — Design system Electric Premium — Eneryon v2 */
/* Variables, @font-face, reset, typo, utilitaires */

/* --- @font-face Inter (self-hosted woff2) --- */
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:optional;src:url('/assets/fonts/inter-latin-400.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:optional;src:url('/assets/fonts/inter-latin-500.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:optional;src:url('/assets/fonts/inter-latin-600.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:optional;src:url('/assets/fonts/inter-latin-700.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:800;font-display:optional;src:url('/assets/fonts/inter-latin-800.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:optional;src:url('/assets/fonts/inter-latin-ext-400.woff2') format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:optional;src:url('/assets/fonts/inter-latin-ext-600.woff2') format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:optional;src:url('/assets/fonts/inter-latin-ext-700.woff2') format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* --- :root variables --- */
:root{
/* Couleurs */
--color-primary:#2563EB;--color-primary-dark:#1D4ED8;--color-primary-deeper:#1E3A8A;--color-primary-light:#DBEAFE;
--color-secondary:#10B981;--color-secondary-dark:#059669;
--color-accent:#F59E0B;--color-accent-dark:#D97706;
--color-text:#0F172A;--color-text-body:#334155;--color-text-muted:#64748B;--color-text-inverse:#F8FAFC;
--color-bg:#FFFFFF;--color-bg-alt:#F8FAFC;--color-bg-energy:#EFF6FF;
--color-border:#E2E8F0;
--color-error:#EF4444;--color-success:#10B981;--color-warning:#F59E0B;

/* Gradients sectoriels */
--gradient-hero:linear-gradient(135deg,#0F172A 0%,#1E3A8A 60%,#1D4ED8 100%);
--gradient-boulangerie:linear-gradient(135deg,#92400E 0%,#D97706 100%);
--gradient-hotel:linear-gradient(135deg,#1E3A8A 0%,#3B82F6 100%);
--gradient-supermarche:linear-gradient(135deg,#065F46 0%,#10B981 100%);
--gradient-garage:linear-gradient(135deg,#1F2937 0%,#4B5563 100%);
--gradient-bureau:linear-gradient(135deg,#1E3A5F 0%,#4B7BB5 100%);
--gradient-restaurant:linear-gradient(135deg,#7C2D12 0%,#EA580C 100%);
--gradient-laverie:linear-gradient(135deg,#164E63 0%,#06B6D4 100%);
--gradient-boucherie:linear-gradient(135deg,#6B2020 0%,#B45555 100%);
--gradient-pharmacie:linear-gradient(135deg,#065F46 0%,#10B981 100%);
--gradient-coiffeur:linear-gradient(135deg,#9D174D 0%,#EC4899 100%);
--gradient-salle-de-sport:linear-gradient(135deg,#9A3412 0%,#F97316 100%);
--gradient-clinique:linear-gradient(135deg,#1E3A5F 0%,#3B82F6 100%);
--gradient-entrepot:linear-gradient(135deg,#374151 0%,#6B7280 100%);
--gradient-camping:linear-gradient(135deg,#166534 0%,#22C55E 100%);
--gradient-brasserie:linear-gradient(135deg,#78350F 0%,#B45309 100%);
--gradient-fleuriste:linear-gradient(135deg,#4A1D6B 0%,#9B6DB7 100%);

/* Typographie */
--font-sans:'Inter',system-ui,-apple-system,sans-serif;
--font-size-base:16px;--line-height:1.6;

/* Espacements */
--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:48px;--spacing-2xl:80px;

/* Rayons */
--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;

/* Ombres */
--shadow-sm:0 1px 3px rgba(0,0,0,.08);--shadow-md:0 4px 16px rgba(0,0,0,.10);--shadow-lg:0 8px 32px rgba(0,0,0,.12);--shadow-xl:0 16px 48px rgba(0,0,0,.14);

/* Easing & timing */
--ease-out-expo:cubic-bezier(0.16,1,0.3,1);--ease-out-back:cubic-bezier(0.34,1.56,0.64,1);--ease-spring:cubic-bezier(0.175,0.885,0.32,1.275);
--dur-fast:300ms;--dur-normal:600ms;--dur-slow:900ms;
--transition:200ms ease;

/* Container */
--container-max:1200px;--container-pad:var(--spacing-lg)
}

/* --- Reset complet --- */
*,::after,::before{box-sizing:border-box;margin:0;padding:0}
html{font-size:var(--font-size-base);scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:hidden}
body{font-family:var(--font-sans);font-size:1rem;line-height:var(--line-height);color:var(--color-text-body);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}
img,svg,video{display:block;max-width:100%;height:auto}
blockquote,dl,figure,ol,p,pre,table,ul{margin:0}
ol,ul{padding:0;list-style:none}
a{color:var(--color-primary);text-decoration:none;transition:color var(--transition),text-decoration-color var(--transition)}
a:hover{color:var(--color-primary-dark);text-decoration-color:currentColor}
button{cursor:pointer;font-family:inherit;font-size:inherit;border:none;background:0 0;padding:0}
input,select,textarea{font-family:inherit;font-size:inherit}
table{border-collapse:collapse}

/* --- Typographie --- */
h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);font-weight:700;line-height:1.2;color:var(--color-text);letter-spacing:-.02em}
h1{font-size:clamp(2rem,5vw,3.25rem);font-weight:800}
h2{font-size:clamp(1.5rem,3.5vw,2.5rem)}
h3{font-size:clamp(1.25rem,2.5vw,1.75rem)}
h4{font-size:1.25rem}
h5{font-size:1.125rem}
h6{font-size:1rem}
p{margin-top:0;margin-bottom:var(--spacing-md)}
p:last-child{margin-bottom:0}
strong{font-weight:600}
small{font-size:.875rem}

/* --- Utilitaires --- */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}
.skip-nav{position:absolute;left:-9999px;top:var(--spacing-sm);z-index:9999;background:var(--color-primary);color:#fff;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-weight:600;text-decoration:none}
.skip-nav:focus{left:var(--spacing-md)}
:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}
::selection{background-color:var(--color-primary);color:#fff}

/* Fallback animation reveal */
.reveal{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}
.reveal.visible{opacity:1;transform:translateY(0)}

/* --- Mouvement reduit --- */
@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-delay:0s!important;transition-duration:0s!important}.reveal{opacity:1;transform:none}}