/* =========================================================
   Market UI v2 - Navigation Cards Variables
   Path: public/assets/marketv2/components/navigation-cards/variables.css

   Component contract only:
   runtime theme context -> navigation cards contract.
========================================================= */

:root {
    --m-navigation-cards-gap: var(--m-space-3, 12px);
    --m-navigation-cards-gap-sm: var(--m-space-2, 8px);
    --m-navigation-cards-gap-lg: var(--m-space-4, 16px);

    --m-navigation-card-min-width: 180px;
    --m-navigation-card-min-width-sm: 150px;
    --m-navigation-card-min-width-lg: 220px;

    --m-navigation-card-padding-x: var(--m-space-4, 16px);
    --m-navigation-card-padding-y: var(--m-space-3, 12px);
    --m-navigation-card-padding-x-sm: var(--m-space-3, 12px);
    --m-navigation-card-padding-y-sm: var(--m-space-2, 8px);
    --m-navigation-card-padding-x-lg: var(--m-space-5, 20px);
    --m-navigation-card-padding-y-lg: var(--m-space-4, 16px);

    --m-navigation-card-radius: var(--m-radius-lg, 14px);
    --m-navigation-card-border-width: 1px;
    --m-navigation-card-icon-size: 2.25rem;
    --m-navigation-card-icon-size-sm: 2rem;
    --m-navigation-card-icon-size-lg: 2.75rem;

    --m-navigation-card-bg: var(--m-context-surface);
    --m-navigation-card-bg-hover: var(--m-context-surface-hover);
    --m-navigation-card-bg-active: var(--m-context-accent-soft);
    --m-navigation-card-border: var(--m-context-border);
    --m-navigation-card-border-hover: var(--m-context-border-strong);
    --m-navigation-card-border-active: var(--m-context-accent-color);
    --m-navigation-card-text: var(--m-context-text);
    --m-navigation-card-text-strong: var(--m-context-text-strong);
    --m-navigation-card-text-muted: var(--m-context-text-muted);
    --m-navigation-card-accent: var(--m-context-accent-color);
    --m-navigation-card-accent-soft: var(--m-context-accent-soft);
    --m-navigation-card-shadow: var(--m-context-shadow);
    --m-navigation-card-shadow-hover: var(--m-context-shadow-hover);
    --m-navigation-card-focus: var(--m-context-focus-ring);
    --m-navigation-card-disabled-bg: var(--m-context-surface-muted);
    --m-navigation-card-disabled-text: var(--m-context-text-faint);
}