/* =========================================================
   Market UI v2 - Helper Primitive Variables
   Contract:
   - consumes semantic theme context only
   - no visual identity decisions
========================================================= */

:root,
.m-theme-default {
    --m-helper-trigger-size-xs: 1.35rem;
    --m-helper-trigger-size-sm: 1.55rem;
    --m-helper-trigger-size-md: 1.8rem;
    --m-helper-trigger-icon-size-xs: .78rem;
    --m-helper-trigger-icon-size-sm: .9rem;
    --m-helper-trigger-icon-size-md: 1rem;
    --m-helper-radius: 999px;
    --m-helper-bubble-radius: var(--m-theme-radius-md, 12px);
    --m-helper-bubble-min-width: 12rem;
    --m-helper-bubble-max-width: 22rem;
    --m-helper-bubble-padding-y: .72rem;
    --m-helper-bubble-padding-x: .82rem;
    --m-helper-bubble-offset: .55rem;
    --m-helper-label-gap: .42rem;
    --m-helper-transition-fast: 140ms ease;
    --m-helper-transition-base: 180ms ease;
    --m-helper-z-index: 90;
}

.m-helper {
    --m-helper-trigger-bg: var(--m-context-surface-muted);
    --m-helper-trigger-text: var(--m-context-icon-muted);
    --m-helper-trigger-border: var(--m-context-border-soft);
    --m-helper-trigger-bg-hover: var(--m-context-surface-hover);
    --m-helper-trigger-text-hover: var(--m-context-icon);
    --m-helper-trigger-border-hover: var(--m-context-border);
    --m-helper-trigger-ring: var(--m-context-focus-ring);
    --m-helper-bubble-bg: var(--m-context-surface-elevated);
    --m-helper-bubble-text: var(--m-context-text);
    --m-helper-bubble-border: var(--m-context-border);
    --m-helper-bubble-shadow: var(--m-context-shadow-panel);
}