/* ============================================ PRIMITIVES — Valeurs brutes du système Nommées par ce qu'elles SONT, pas par leur usage. Ce fichier ne change JAMAIS entre les thèmes. Polices : https://modernfontstacks.com Couleurs : https://styles.maillard.li/styles/ ============================================ */ :root { /* =========================================== POLICES — Modern Font Stacks =========================================== */ /* Texte courant */ --font-system-ui: system-ui, sans-serif; --font-transitional: Charter, 'Bitstream Charter', 'Sitka Text', Cambria, serif; --font-old-style: 'Iowan Old Style', 'Palatino Linotype', 'URW Palladio L', P052, serif; --font-humanist: Seravek, 'Gill Sans Nova', Ubuntu, Calibri, 'DejaVu Sans', source-sans-pro, sans-serif; --font-geo-humanist: Avenir, Montserrat, Corbel, 'URW Gothic', source-sans-pro, sans-serif; --font-classical: Optima, Candara, 'Noto Sans', source-sans-pro, sans-serif; --font-neo-grotesque: Inter, Roboto, 'Helvetica Neue', 'Arial Nova', 'Nimbus Sans', Arial, sans-serif; /* Monospace */ --font-mono-slab: 'Nimbus Mono PS', 'Courier New', monospace; --font-mono-code: ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, 'DejaVu Sans Mono', monospace; /* Display */ --font-industrial: Bahnschrift, 'DIN Alternate', 'Franklin Gothic Medium', 'Nimbus Sans Narrow', sans-serif-condensed, sans-serif; --font-rounded: ui-rounded, 'Hiragino Maru Gothic ProN', Quicksand, Comfortaa, Manjari, 'Arial Rounded MT', 'Arial Rounded MT Bold', Calibri, source-sans-pro, sans-serif; --font-slab: Rockwell, 'Rockwell Nova', 'Roboto Slab', 'DejaVu Serif', 'Sitka Small', serif; --font-antique: Superclarendon, 'Bookman Old Style', 'URW Bookman', 'URW Bookman L', 'Georgia Pro', Georgia, serif; --font-didone: Didot, 'Bodoni MT', 'Noto Serif Display', 'URW Palladio L', P052, Sylfaen, serif; --font-handwritten: 'Segoe Print', 'Bradley Hand', Chilanka, TSCu_Comic, casual, cursive; /* =========================================== COULEURS =========================================== */ /* --- Noirs et gris foncés --- */ --noir-pur: #000000; --noir-intense: #0a0a0a; --noir-doux: #1a1a1a; --gris-tres-fonce: #2a2a2a; --gris-fonce: #333333; --gris-ardoise: #3a3a3a; --gris-charbon: #4a4a4a; /* --- Bleus --- */ --bleu-marine: #2c3e50; --bleu-corporate: #003d99; --bleu-sombre: #004e89; --bleu-tech: #0066cc; --bleu-vif: #1976d2; /* --- Verts --- */ --vert-foret: #006633; --vert-mint: #00b894; /* --- Rouges et oranges --- */ --rouge-vif: #d32f2f; --orange-energique: #ff6b35; /* --- Violets --- */ --violet-doux: #6c5ce7; /* --- Ors et bruns --- */ --or-antique: #8b6914; --marron-chaud: #8b7355; --or-classique: #d4af37; /* --- Teintes claires chromatiques --- */ --bleu-gris-clair: #b8cfe0; --taupe: #d4c5b9; --vert-pastel: #d4f1d4; --rose-doux: #f5e5e3; --bleu-glacial: #e8f1ff; /* --- Neutres clairs --- */ --gris-doux: #e8e4e0; --gris-clair: #e8e8e8; --gris-brume: #ecf0f1; --gris-pale: #f0f0f0; --gris-neige: #f5f5f5; --beige-doux: #f5ede0; --beige-clair: #fff9f0; --creme: #faf9f7; --blanc-doux: #fcfcfc; --blanc: #ffffff; /* =========================================== TAILLES TYPOGRAPHIQUES =========================================== */ --text-xs: 0.75rem; --text-sm: 0.8125rem; --text-base: 1rem; --text-md: 1.0625rem; --text-lg: 1.125rem; --text-xl: 1.5rem; --text-2xl: 1.75rem; --text-3xl: 2.25rem; --text-4xl: 3rem; --text-5xl: 3.25rem; --text-6xl: 3.5rem; /* =========================================== GRAISSES =========================================== */ --weight-light: 300; --weight-regular: 400; --weight-medium: 500; --weight-semibold: 600; --weight-bold: 700; --weight-black: 900; /* =========================================== INTERLIGNAGE =========================================== */ --leading-tight: 1.1; --leading-snug: 1.15; --leading-heading: 1.2; --leading-compact: 1.25; --leading-normal: 1.5; --leading-relaxed: 1.6; --leading-loose: 1.65; --leading-airy: 1.8; /* =========================================== INTERLETTRAGE =========================================== */ --tracking-tight: -0.5px; --tracking-none: 0; --tracking-slight: 0.1px; --tracking-normal: 0.2px; --tracking-relaxed: 0.3px; --tracking-loose: 0.4px; --tracking-wide: 0.5px; --tracking-wider: 0.6px; --tracking-ultra: 1px; --tracking-extreme: 1.5px; /* =========================================== ESPACEMENT =========================================== */ --space-0: 0; --space-1: 0.25rem; --space-2: 0.5rem; --space-3: 0.75rem; --space-4: 1rem; --space-5: 1.25rem; --space-6: 1.5rem; --space-8: 2rem; --space-10: 2.5rem; --space-12: 3rem; --space-16: 4rem; --space-20: 5rem; --space-24: 6rem; --space-32: 8rem; /* =========================================== RAYONS DE BORDURE =========================================== */ --radius-none: 0; --radius-sm: 0.25rem; --radius-md: 0.5rem; --radius-lg: 0.75rem; --radius-xl: 1rem; --radius-2xl: 1.5rem; --radius-full: 9999px; /* =========================================== OMBRES =========================================== */ --shadow-none: none; --shadow-xs: 0 1px 2px rgb(0 0 0 / 0.05); --shadow-sm: 0 1px 3px rgb(0 0 0 / 0.08), 0 1px 2px rgb(0 0 0 / 0.04); --shadow-md: 0 4px 6px rgb(0 0 0 / 0.06), 0 2px 4px rgb(0 0 0 / 0.04); --shadow-lg: 0 10px 15px rgb(0 0 0 / 0.08), 0 4px 6px rgb(0 0 0 / 0.04); --shadow-xl: 0 20px 25px rgb(0 0 0 / 0.10), 0 8px 10px rgb(0 0 0 / 0.04); /* =========================================== BORDURES =========================================== */ --border-thin: 1px; --border-medium: 2px; --border-thick: 3px; /* =========================================== TRANSITIONS =========================================== */ --duration-fast: 120ms; --duration-normal: 200ms; --duration-slow: 350ms; --duration-slower: 500ms; --ease-default: cubic-bezier(0.4, 0, 0.2, 1); --ease-in: cubic-bezier(0.4, 0, 1, 1); --ease-out: cubic-bezier(0, 0, 0.2, 1); --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1); /* =========================================== LARGEURS =========================================== */ --width-xs: 20rem; --width-sm: 24rem; --width-md: 28rem; --width-lg: 32rem; --width-xl: 36rem; --width-2xl: 42rem; --width-3xl: 48rem; --width-4xl: 56rem; --width-5xl: 64rem; --width-6xl: 72rem; --width-7xl: 80rem; --width-full: 100%; /* =========================================== Z-INDEX =========================================== */ --z-behind: -1; --z-base: 0; --z-raised: 10; --z-dropdown: 100; --z-sticky: 200; --z-overlay: 300; --z-modal: 400; --z-toast: 500; /* =========================================== OPACITÉS =========================================== */ --opacity-0: 0; --opacity-5: 0.05; --opacity-10: 0.10; --opacity-25: 0.25; --opacity-50: 0.50; --opacity-75: 0.75; --opacity-100: 1; }