/* ════════════════════════════════════════════════════════════════════════ bease-shared-tokens.css — SOURCE UNIQUE DE VÉRITÉ des tokens visuels B.EASE Porte l'identité du personnalisateur BCS (.bco-*) sur le configurateur 3D. Déclarés sur :root (et non #bease-configurator-app) car certains éléments (modale récap, toasts) sont reparentés vers hors du wrapper. ⚠️ Accent = rouge marque B.EASE. Pour changer d'accent = UNE ligne : changer --bease-accent ci-dessous (+ --bease-accent-dark / -soft / -glow). Aucun accent ne doit être codé en dur ailleurs. ════════════════════════════════════════════════════════════════════════ */ :root { /* Accent = rouge marque B.EASE (#E8001E). Variantes recalculées sur base rouge. */ --bease-accent: #E8001E; --bease-accent-dark: #c8001a; /* hover / :active (rouge foncé, = --bcs-red-dark) */ --bease-accent-soft: #fce6e9; /* fond teinté léger rouge (sélection/hover) */ --bease-accent-glow: rgba(232,0,30,.22); /* halo focus rouge */ /* Neutres .bco */ --bease-ink: #111; /* texte fort / actif / surfaces sombres */ --bease-muted: #888; /* texte secondaire */ --bease-border: #e8e8e8; /* bordures */ --bease-surface: #fff; /* cartes / panneaux */ --bease-bg: #f2f2f2; /* fond applicatif */ /* Sémantiques */ --bease-success: #22c55e; /* étapes faites / valide (vert conservé) */ --bease-success-dark: #16a34a; --bease-danger: #ef4444; /* erreurs (rouge conservé) */ --bease-danger-soft: #fef2f2; /* Forme */ --bease-radius: 12px; --bease-radius-sm: 8px; --bease-shadow: 0 1px 4px rgba(0,0,0,.18); --bease-shadow-lg: 0 6px 20px rgba(0,0,0,.15); }