/* ═══════════════════════════════════════════════════════════════════════════ LEGACY TOKEN ALIASES — Compat layer (loaded AFTER main.css) ═══════════════════════════════════════════════════════════════════════════ Les pages conservées par la refonte 2026-04 (a-propos / blog / cas-clients / faq / mentions-legales / 404, ainsi que leurs CSS dédiés `css/*.css`) référencent des noms de tokens hérités définis dans `main.css` (legacy) : --text-primary, --text-secondary, --bg-card, --bg-dark, --border-subtle, --accent-violet/-purple/-cyan/-emerald/-amber, --gradient-main/-primary/-subtle, --radius-md/-lg/-xl, --spacing-md. Ces noms sont définis dans main.css en valeurs FIXES (sans support du theme light/dark redesign). Sans ce fichier, les pages conservées : 1. ne suivent PAS le theme switch (data-theme="light") 2. utilisent une palette désynchronisée du redesign Important : on hardcode ici les valeurs (au lieu de var(--text), etc.) car `main.css` redéfinit aussi `--text`/`--text-muted`/etc., et la cascade rend les `var()` non-déterministes selon ordre d'import. Hardcoder garantit que les tokens legacy reflètent EXACTEMENT le design-system du redesign 2026-04. Source des valeurs : `css/tokens.css` (design tokens canoniques). Ordre d'inclusion requis dans le : css/tokens.css (nouveau design-system) css/base.css (resets, typo) main.css (legacy + fixe ces tokens) css/legacy-aliases.css (CE FICHIER — réécrit après main.css) ═══════════════════════════════════════════════════════════════════════════ */ :root, [data-theme="dark"] { /* ── Texte ── */ --text-primary: #ededf0; /* = --text */ --text-secondary: #9ea1ab; /* = --text-muted */ /* ── Surfaces ── */ --bg-card: rgba(255, 255, 255, 0.035); /* = --surface-raised */ --bg-dark: #0b0d14; /* = --bg-alt */ /* ── Bordures ── */ --border-subtle: rgba(255, 255, 255, 0.08); /* = --border */ /* ── Accents ── */ --accent-violet: #7c3aed; /* = --violet-deep */ --accent-purple: #8b5cf6; /* = --violet */ --accent-cyan: #06b6d4; /* = --cyan */ --accent-emerald: #10b981; /* = --good */ --accent-amber: #f59e0b; /* = --warn */ /* ── Gradients ── */ --gradient-main: linear-gradient(135deg, #8b5cf6 0%, #c026d3 50%, #06b6d4 100%); --gradient-primary: linear-gradient(135deg, #8b5cf6 0%, #c026d3 50%, #06b6d4 100%); --gradient-subtle: linear-gradient(135deg, rgba(139, 92, 246, 0.14), rgba(6, 182, 212, 0.10)); /* ── Rayons ── */ --radius-md: 14px; /* = --r */ --radius-lg: 20px; /* = --r-lg */ --radius-xl: 28px; /* = --r-xl */ /* ── Espacements ── */ --spacing-md: 1rem; /* = --gap */ } [data-theme="light"] { /* Texte (inversé) */ --text-primary: #14151a; /* = --text light */ --text-secondary: #5b5d66; /* = --text-muted light */ /* Surfaces (crème) */ --bg-card: #ffffff; /* = --surface-raised light */ --bg-dark: #f3f1ec; /* = --bg-alt light */ /* Bordures */ --border-subtle: rgba(0, 0, 0, 0.08); /* = --border light */ /* Accents inchangés (gradient identique en dark/light) */ /* Gradients adaptés (subtle plus clair) */ --gradient-subtle: linear-gradient(135deg, rgba(139, 92, 246, 0.08), rgba(6, 182, 212, 0.06)); }