/* Builder-specific compatibility aliases and data states. */

.recipe-app[data-recipe-surface="builder"],
.recipe-app[data-recipe-surface="guide"] {
  --builder-ink: var(--recipe-ink);
  --builder-muted: var(--recipe-muted);
  --builder-canvas: var(--recipe-canvas);
  --builder-surface: var(--recipe-surface);
  --builder-surface-muted: var(--recipe-surface-muted);
  --builder-line: var(--recipe-line);
  --builder-line-soft: var(--recipe-line-soft);
  --builder-line-strong: var(--recipe-line-strong);
  --builder-accent: var(--recipe-accent);
  --builder-accent-strong: var(--recipe-accent-strong);
  --builder-accent-wash: var(--recipe-accent-wash);
  --builder-success: var(--recipe-success);
  --builder-success-wash: var(--recipe-success-wash);
  --builder-danger: var(--recipe-danger);
  --builder-danger-wash: var(--recipe-danger-wash);
  --builder-warning: var(--recipe-warning);
  --builder-warning-wash: var(--recipe-warning-wash);
  --builder-information: var(--recipe-information);
  --builder-information-wash: var(--recipe-information-wash);
  --builder-font-metadata: var(--recipe-font-metadata);
  --builder-font-compact: var(--recipe-font-compact);
  --builder-font-control: var(--recipe-font-control);
  --builder-font-working: var(--recipe-font-working);
  --builder-font-body: var(--recipe-font-body);
  --builder-font-subheading: var(--recipe-font-subheading);
  --builder-font-heading: var(--recipe-font-heading);
  --builder-font-title: var(--recipe-font-title);
  --builder-font-display: var(--recipe-font-display);
  --builder-control-compact: var(--recipe-control-compact);
  --builder-control-default: var(--recipe-control-default);
  --builder-control-touch: var(--recipe-control-touch);
  --builder-radius-small: var(--recipe-radius-small);
  --builder-radius-medium: var(--recipe-radius-medium);
  --builder-radius-large: var(--recipe-radius-large);
  --builder-radius-status: var(--recipe-radius-status);
  --builder-shadow-surface: var(--recipe-shadow-surface);
  --builder-shadow-overlay: var(--recipe-shadow-overlay);
  --builder-shadow-focus: var(--recipe-shadow-focus);
  --builder-motion-fast: var(--recipe-motion-fast);
  --builder-motion-medium: var(--recipe-motion-medium);
  --builder-focus-ring: var(--recipe-focus-ring);
  --builder-focus-offset: var(--recipe-focus-offset);
}