/* ============================================================================= LES VARIANTES D OPACITE — 130 variables utilisees 1423 fois, jamais definies --------------------------------------------------------------------------- Mesure du 2026-08-12 sur l arbre CSS complet : 228 variables etaient appelees par « var(--x) » SANS definition ET SANS repli, pour 1 758 usages. Une variable absente rend la declaration INVALIDE AU CALCUL : le fond du badge devient transparent, la bordure perd sa couleur, et l anneau de focus disparait — « box-shadow: 0 0 0 3px var(--info-10) » ne peignait rien. La convention du depot est claire — « --success-20 » = le vert a 20 % d opacite, comme « --success-bg: rgba(16, 185, 129, 0.10) » deja present. Ce fichier la rend REELLE, par derivation depuis la couleur de base : la variante suit donc automatiquement le theme clair ou sombre, ce qu un rgba() fige n aurait pas fait. GENERE — ne pas editer a la main. Pour regenerer apres avoir ajoute des usages : node scripts/css/generer-variantes-opacite.js ========================================================================== */ :root { /* --accent-primary — 13 variante(s), 132 usage(s) */ --accent-primary-5: color-mix(in srgb, var(--accent-primary) 5%, transparent); --accent-primary-06: color-mix(in srgb, var(--accent-primary) 6%, transparent); --accent-primary-8: color-mix(in srgb, var(--accent-primary) 8%, transparent); --accent-primary-12: color-mix(in srgb, var(--accent-primary) 12%, transparent); --accent-primary-21: color-mix(in srgb, var(--accent-primary) 21%, transparent); --accent-primary-25: color-mix(in srgb, var(--accent-primary) 25%, transparent); --accent-primary-34: color-mix(in srgb, var(--accent-primary) 34%, transparent); --accent-primary-40: color-mix(in srgb, var(--accent-primary) 40%, transparent); --accent-primary-55: color-mix(in srgb, var(--accent-primary) 55%, transparent); --accent-primary-69: color-mix(in srgb, var(--accent-primary) 69%, transparent); --accent-primary-80: color-mix(in srgb, var(--accent-primary) 80%, transparent); --accent-primary-81: color-mix(in srgb, var(--accent-primary) 81%, transparent); --accent-primary-90: color-mix(in srgb, var(--accent-primary) 90%, transparent); /* --accent-secondary — 18 variante(s), 129 usage(s) */ --accent-secondary-3: color-mix(in srgb, var(--accent-secondary) 3%, transparent); --accent-secondary-05: color-mix(in srgb, var(--accent-secondary) 5%, transparent); --accent-secondary-5: color-mix(in srgb, var(--accent-secondary) 5%, transparent); --accent-secondary-08: color-mix(in srgb, var(--accent-secondary) 8%, transparent); --accent-secondary-8: color-mix(in srgb, var(--accent-secondary) 8%, transparent); --accent-secondary-13: color-mix(in srgb, var(--accent-secondary) 13%, transparent); --accent-secondary-19: color-mix(in srgb, var(--accent-secondary) 19%, transparent); --accent-secondary-21: color-mix(in srgb, var(--accent-secondary) 21%, transparent); --accent-secondary-25: color-mix(in srgb, var(--accent-secondary) 25%, transparent); --accent-secondary-34: color-mix(in srgb, var(--accent-secondary) 34%, transparent); --accent-secondary-38: color-mix(in srgb, var(--accent-secondary) 38%, transparent); --accent-secondary-40: color-mix(in srgb, var(--accent-secondary) 40%, transparent); --accent-secondary-50: color-mix(in srgb, var(--accent-secondary) 50%, transparent); --accent-secondary-55: color-mix(in srgb, var(--accent-secondary) 55%, transparent); --accent-secondary-70: color-mix(in srgb, var(--accent-secondary) 70%, transparent); --accent-secondary-80: color-mix(in srgb, var(--accent-secondary) 80%, transparent); --accent-secondary-81: color-mix(in srgb, var(--accent-secondary) 81%, transparent); --accent-secondary-90: color-mix(in srgb, var(--accent-secondary) 90%, transparent); /* --accent-tertiary — 12 variante(s), 67 usage(s) */ --accent-tertiary-3: color-mix(in srgb, var(--accent-tertiary) 3%, transparent); --accent-tertiary-5: color-mix(in srgb, var(--accent-tertiary) 5%, transparent); --accent-tertiary-8: color-mix(in srgb, var(--accent-tertiary) 8%, transparent); --accent-tertiary-10: color-mix(in srgb, var(--accent-tertiary) 10%, transparent); --accent-tertiary-13: color-mix(in srgb, var(--accent-tertiary) 13%, transparent); --accent-tertiary-15: color-mix(in srgb, var(--accent-tertiary) 15%, transparent); --accent-tertiary-19: color-mix(in srgb, var(--accent-tertiary) 19%, transparent); --accent-tertiary-20: color-mix(in srgb, var(--accent-tertiary) 20%, transparent); --accent-tertiary-21: color-mix(in srgb, var(--accent-tertiary) 21%, transparent); --accent-tertiary-30: color-mix(in srgb, var(--accent-tertiary) 30%, transparent); --accent-tertiary-34: color-mix(in srgb, var(--accent-tertiary) 34%, transparent); --accent-tertiary-81: color-mix(in srgb, var(--accent-tertiary) 81%, transparent); /* --ats-primary — 1 variante(s), 1 usage(s) */ --ats-primary-95: color-mix(in srgb, var(--ats-primary) 95%, transparent); /* --ats-primary-dark — 1 variante(s), 1 usage(s) */ --ats-primary-dark-98: color-mix(in srgb, var(--ats-primary-dark) 98%, transparent); /* --danger — 20 variante(s), 268 usage(s) */ --danger-5: color-mix(in srgb, var(--danger) 5%, transparent); --danger-05: color-mix(in srgb, var(--danger) 5%, transparent); --danger-08: color-mix(in srgb, var(--danger) 8%, transparent); --danger-8: color-mix(in srgb, var(--danger) 8%, transparent); --danger-10: color-mix(in srgb, var(--danger) 10%, transparent); --danger-13: color-mix(in srgb, var(--danger) 13%, transparent); --danger-15: color-mix(in srgb, var(--danger) 15%, transparent); --danger-19: color-mix(in srgb, var(--danger) 19%, transparent); --danger-20: color-mix(in srgb, var(--danger) 20%, transparent); --danger-21: color-mix(in srgb, var(--danger) 21%, transparent); --danger-30: color-mix(in srgb, var(--danger) 30%, transparent); --danger-34: color-mix(in srgb, var(--danger) 34%, transparent); --danger-40: color-mix(in srgb, var(--danger) 40%, transparent); --danger-50: color-mix(in srgb, var(--danger) 50%, transparent); --danger-55: color-mix(in srgb, var(--danger) 55%, transparent); --danger-69: color-mix(in srgb, var(--danger) 69%, transparent); --danger-80: color-mix(in srgb, var(--danger) 80%, transparent); --danger-81: color-mix(in srgb, var(--danger) 81%, transparent); --danger-90: color-mix(in srgb, var(--danger) 90%, transparent); --danger-95: color-mix(in srgb, var(--danger) 95%, transparent); /* --info — 19 variante(s), 188 usage(s) */ --info-3: color-mix(in srgb, var(--info) 3%, transparent); --info-5: color-mix(in srgb, var(--info) 5%, transparent); --info-08: color-mix(in srgb, var(--info) 8%, transparent); --info-8: color-mix(in srgb, var(--info) 8%, transparent); --info-10: color-mix(in srgb, var(--info) 10%, transparent); --info-13: color-mix(in srgb, var(--info) 13%, transparent); --info-15: color-mix(in srgb, var(--info) 15%, transparent); --info-19: color-mix(in srgb, var(--info) 19%, transparent); --info-20: color-mix(in srgb, var(--info) 20%, transparent); --info-21: color-mix(in srgb, var(--info) 21%, transparent); --info-30: color-mix(in srgb, var(--info) 30%, transparent); --info-34: color-mix(in srgb, var(--info) 34%, transparent); --info-38: color-mix(in srgb, var(--info) 38%, transparent); --info-40: color-mix(in srgb, var(--info) 40%, transparent); --info-55: color-mix(in srgb, var(--info) 55%, transparent); --info-80: color-mix(in srgb, var(--info) 80%, transparent); --info-81: color-mix(in srgb, var(--info) 81%, transparent); --info-90: color-mix(in srgb, var(--info) 90%, transparent); --info-95: color-mix(in srgb, var(--info) 95%, transparent); /* --phi-cyan — 3 variante(s), 4 usage(s) */ --phi-cyan-8: color-mix(in srgb, var(--phi-cyan) 8%, transparent); --phi-cyan-21: color-mix(in srgb, var(--phi-cyan) 21%, transparent); --phi-cyan-100: color-mix(in srgb, var(--phi-cyan) 100%, transparent); /* --phi-warning — 2 variante(s), 2 usage(s) */ --phi-warning-8: color-mix(in srgb, var(--phi-warning) 8%, transparent); --phi-warning-21: color-mix(in srgb, var(--phi-warning) 21%, transparent); /* --success — 21 variante(s), 361 usage(s) */ --success-05: color-mix(in srgb, var(--success) 5%, transparent); --success-5: color-mix(in srgb, var(--success) 5%, transparent); --success-08: color-mix(in srgb, var(--success) 8%, transparent); --success-8: color-mix(in srgb, var(--success) 8%, transparent); --success-10: color-mix(in srgb, var(--success) 10%, transparent); --success-13: color-mix(in srgb, var(--success) 13%, transparent); --success-15: color-mix(in srgb, var(--success) 15%, transparent); --success-19: color-mix(in srgb, var(--success) 19%, transparent); --success-20: color-mix(in srgb, var(--success) 20%, transparent); --success-21: color-mix(in srgb, var(--success) 21%, transparent); --success-30: color-mix(in srgb, var(--success) 30%, transparent); --success-34: color-mix(in srgb, var(--success) 34%, transparent); --success-38: color-mix(in srgb, var(--success) 38%, transparent); --success-40: color-mix(in srgb, var(--success) 40%, transparent); --success-50: color-mix(in srgb, var(--success) 50%, transparent); --success-55: color-mix(in srgb, var(--success) 55%, transparent); --success-60: color-mix(in srgb, var(--success) 60%, transparent); --success-80: color-mix(in srgb, var(--success) 80%, transparent); --success-81: color-mix(in srgb, var(--success) 81%, transparent); --success-90: color-mix(in srgb, var(--success) 90%, transparent); --success-95: color-mix(in srgb, var(--success) 95%, transparent); /* --warning — 18 variante(s), 268 usage(s) */ --warning-05: color-mix(in srgb, var(--warning) 5%, transparent); --warning-08: color-mix(in srgb, var(--warning) 8%, transparent); --warning-8: color-mix(in srgb, var(--warning) 8%, transparent); --warning-10: color-mix(in srgb, var(--warning) 10%, transparent); --warning-13: color-mix(in srgb, var(--warning) 13%, transparent); --warning-15: color-mix(in srgb, var(--warning) 15%, transparent); --warning-19: color-mix(in srgb, var(--warning) 19%, transparent); --warning-20: color-mix(in srgb, var(--warning) 20%, transparent); --warning-21: color-mix(in srgb, var(--warning) 21%, transparent); --warning-30: color-mix(in srgb, var(--warning) 30%, transparent); --warning-34: color-mix(in srgb, var(--warning) 34%, transparent); --warning-40: color-mix(in srgb, var(--warning) 40%, transparent); --warning-50: color-mix(in srgb, var(--warning) 50%, transparent); --warning-55: color-mix(in srgb, var(--warning) 55%, transparent); --warning-80: color-mix(in srgb, var(--warning) 80%, transparent); --warning-81: color-mix(in srgb, var(--warning) 81%, transparent); --warning-90: color-mix(in srgb, var(--warning) 90%, transparent); --warning-95: color-mix(in srgb, var(--warning) 95%, transparent); /* --warning-dark — 2 variante(s), 2 usage(s) */ --warning-dark-13: color-mix(in srgb, var(--warning-dark) 13%, transparent); --warning-dark-21: color-mix(in srgb, var(--warning-dark) 21%, transparent); }