/* ============================================================ GLOBAL.CSS — Styles partagés pour l'ensemble du portfolio Nathan COLIN alias WillyOL — Motion Designer 2D/3D ============================================================ */ @import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Bricolage+Grotesque:opsz,wght@12..96,200;12..96,300;12..96,400;12..96,500;12..96,700&family=DM+Mono:ital,wght@0,300;0,400;1,300&display=swap'); :root { --blanc: #ffffff; --noir: #0a0a0a; --gris-clair: #f0f0f0; --gris-moyen: #888888; --accent: #e8e0d5; --font-titre: 'Bebas Neue', sans-serif; --font-corps: 'Bricolage Grotesque', sans-serif; --font-mono: 'DM Mono', monospace; --marge: clamp(3.5rem, 9.5vw, 10rem); --marge-nav: clamp(1.2rem, 3vw, 2.5rem); /* navbar uniquement — logo et burger près des bords */ --gutter: 2px; --ease-out: cubic-bezier(0.16, 1, 0.3, 1); --dur-rapide: 0.3s; --dur-normale: 0.6s; --dur-lente: 1s; --z-nav: 100; --z-overlay: 200; --z-cursor: 999; --z-progress: 1000; /* ── Échelle typographique accessible ────────── Ces variables centralisent les tailles de corps et d'annotations. Modifier ici suffit pour ajuster l'ensemble du site. ───────────────────────────────────────────── Corps de texte (paragraphes, descriptions) */ --fs-corps: clamp(1rem, 1.5vw, 1.15rem); /* Annotations mono (labels, catégories, dates) */ --fs-mono-sm: 0.75rem; /* Très petites légendes (numéros, superscripts) */ --fs-mono-xs: 0.68rem; } /* ───────────────────────────────────────────── RESET & BASE Curseur natif masqué sur tout — le JS injecte également un