/* ===== WinMall APF Theme — Brand Variables ===== */

:root {
    /* ---- Brand Colors ---- */
    --wm-primary:            #f0a020;
    --wm-primary-hover:      #d09018;
    --wm-primary-light:      #fef5e7;

    /* ---- Neutral ---- */
    --wm-bg:                 #ffffff;
    --wm-bg-card:            #ffffff;
    --wm-border:             #d0d0d0;
    --wm-border-active:      var(--wm-primary);

    /* ---- Text ---- */
    --wm-text:               #000000;
    --wm-text-secondary:     #606060;

    /* ---- Cards ---- */
    --wm-card-radius:        8px;
    --wm-card-shadow:        0 1px 4px rgba(0, 0, 0, 0.06);
    --wm-card-shadow-hover:  0 2px 12px rgba(0, 0, 0, 0.10);

    /* ---- Spacing ---- */
    --wm-gap-field:          24px;
    --wm-gap-option:         12px;
    --wm-padding-card:       16px;

    /* ---- Animation ---- */
    --wm-transition:         0.2s ease;

    /* ---- Spinner ---- */
    --wm-spinner-size:       20px;
    --wm-spinner-color:      var(--wm-primary);
}

/* ===== APF Variable Overrides ===== */

.wapf-field-group {
    --wapf-cols:    auto-fill;
}

.wapf-field-vcard {
    --apf-img-fit: cover;
}