/* Le bleu pervenche signe les moments d’exploration de GR conception.
   L’orange garde les invitations à prendre contact. Les concepts du LAB
   conservent chacun leur palette; les outils de lecture appartiennent à GR. */
:root {--explore:#7C8CFF}

section.lab .overline,section.lab .lab-heading h2 em {color:var(--explore)}
section.lab .lottie-mark {--lt-accent:var(--explore)}
section.lab .lottie-poster [stroke="#FF4F20"] {stroke:var(--explore)}
section.lab .lottie-poster [fill="#FF4F20"] {fill:var(--explore)}
section.lab ::selection {background:var(--explore);color:var(--ink)}

/* Les calques actifs gardent leur point rempli et leur aria-pressed :
   le bleu accompagne l’état sans porter à lui seul l’information. */
section.lab .layers button:is(:hover,:focus-visible) {border-color:var(--explore);box-shadow:3px 3px 0 var(--explore)}
section.lab .layers button[aria-pressed=true] {background:var(--explore);border-color:var(--explore);color:var(--ink)}
section.lab .layers button:focus-visible {outline-color:var(--explore)}
section.lab .spec-grid>i {background:rgb(124 140 255 / .10);box-shadow:inset 1px 0 0 rgb(124 140 255 / .75),inset -1px 0 0 rgb(124 140 255 / .75)}
section.lab .spec-grid-label::before,section.lab .spec-tag,section.lab .spec-mark>i {background:var(--explore)}
section.lab .spec-box {border-color:var(--explore)}

/* Le même signe se retrouve dans le menu et dans le viseur du LAB. */
.cursor[data-tone=explore] {--tone:var(--explore);--tone-text:var(--ink)}