/* Launcher stylesheet entry point.
 * Keep the page shell deterministic: base Launcher chrome and the Design
 * System picker are loaded from CSS, not conditionally after JS starts.
 */
@import url("./launcher-dna-core.css");
@import url("./launcher-design-systems.css");
@import url("./launcher-foundation-en.css");
@import url("./launcher-workspace-scope.css");
@import url("./launcher-component-systems.css");
@import url("./launcher-component-signatures.css");
@import url("./launcher-flat-inspector.css");
@import url("./launcher-minimal-inspector.css");
@import url("./launcher-inspector-clarity.css");

/* Regression guard: these legacy placeholder bars were visually identical
 * to missing-glyph boxes. They must never be visible in Launcher chrome.
 * Real palette previews remain in the opened Design System option list. */
body.dna-page .ds-trigger-swatches {
  display: none !important;
}

/* Visual direction exposes one clear case-library action only. The primary
 * “View more cases” control stays; the repeated inline case hint/link is hidden. */
body.dna-page #dna-direction .section-hint {
  display: none !important;
}

/*
 * The selected Design System belongs to the live Preview only.
 *
 * ONDesign's global App Shell and Launcher editor/workspace must keep the
 * product's own typography. External system font tokens are intentionally
 * scoped to [data-preview-stage] so a Shopify/Spotify/etc. choice cannot restyle
 * the controls, page header, navigation or footer.
 */
body.dna-page .dna-app {
  font-family: var(--type-font-body, var(--font-sans-cjk));
}

body.dna-page .dna-app :where(
  button,
  input,
  select,
  textarea,
  summary,
  legend,
  label,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  span,
  strong,
  small,
  a,
  li,
  dt,
  dd,
  figcaption
) {
  font-family: var(--type-font-body, var(--font-sans-cjk));
}

body.dna-page [data-preview-stage],
body.dna-page [data-preview-stage] :where(
  button,
  input,
  select,
  textarea,
  summary,
  legend,
  label,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  span,
  strong,
  small,
  a,
  li,
  dt,
  dd,
  figcaption
) {
  font-family: var(--dna-display, var(--font-sans-cjk));
}