/* Demo layer: customization session guard (the derivation moved to core).
 *
 * This layer used to prove the formula system against a static palette; it
 * is now part of the core (`packages/core/src/tokens/derive.css`). What
 * remains here is the demo-side guard for live customization sessions: while
 * the Colors page actively changes seed tokens (slider drags, localStorage
 * restore on every page load), the registered token transitions are
 * suppressed on the scope so the value changes are instant.
 *
 * The scope is activated by the page's head script via
 * `data-palette="custom"` (a live customization session). With core always
 * deriving, the attribute is cosmetic: it disables the token transition and
 * marks the session. Remove the attribute to end the session.
 */
:root[data-palette='custom'] {
  transition: none;
}